diff --git a/.gitignore b/.gitignore
index 38adffa..ff00e2b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -26,3 +26,11 @@ coverage
*.njsproj
*.sln
*.sw?
+
+# Themes
+public/themes/soho-light/
+public/themes/soho-dark/
+public/themes/viva-light/
+public/themes/viva-dark/
+public/themes/mira/
+public/themes/nano/
\ No newline at end of file
diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css
index aa5ad48..1e9facc 100644
--- a/public/themes/arya-blue/theme.css
+++ b/public/themes/arya-blue/theme.css
@@ -40,8 +40,8 @@
--surface-overlay:#1e1e1e;
--surface-border:#383838;
--surface-hover:rgba(255,255,255,.03);
- --maskbg: rgba(0, 0, 0, 0.4);
--focus-ring: 0 0 0 1px #93cbf9;
+ --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: dark;
}
@@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
-.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.5rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #64B5F6;
}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.25rem 0.5rem;
+ gap: 0.5rem;
+}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
@@ -265,14 +266,17 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: rgba(100, 181, 246, 0.16);
+ background: #383838;
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
+ border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #464646;
+ color: rgba(255, 255, 255, 0.87);
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@@ -296,14 +300,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
-}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(100, 181, 246, 0.16);
}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: rgba(100, 181, 246, 0.24);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
@@ -494,10 +505,10 @@
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
+ border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
- border-left: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03);
@@ -585,22 +596,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1rem;
-}
-.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 #93cbf9;
-}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(100, 181, 246, 0.16);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: rgba(100, 181, 246, 0.24);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.5rem 1rem;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@@ -637,11 +650,6 @@
border-color: #64B5F6;
background: #64B5F6;
}
-.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
- border-color: #2396f2;
- background: #2396f2;
- color: #212529;
-}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: #64B5F6;
}
@@ -673,24 +681,28 @@
background: #2396f2;
}
-.p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.5rem;
-}
-.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #64B5F6;
}
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
+.p-chips .p-chips-multiple-container {
+ padding: 0.25rem 0.5rem;
+}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
- background: rgba(100, 181, 246, 0.16);
+ background: #383838;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #464646;
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@@ -752,7 +764,7 @@
.p-dropdown .p-dropdown-label.p-placeholder {
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown .p-dropdown-label:enabled:focus {
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
@@ -795,13 +807,6 @@
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
- padding-right: 3rem;
- margin-right: -3rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
- right: 2rem;
-}
.p-dropdown-panel .p-dropdown-items {
padding: 0.5rem 0;
}
@@ -818,6 +823,13 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(100, 181, 246, 0.16);
}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: rgba(100, 181, 246, 0.24);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -1059,7 +1071,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #43a5f4;
}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
+.p-inputswitch.p-invalid {
border-color: #ef9a9a;
}
@@ -1101,13 +1113,11 @@
transition-duration: 0.2s;
}
-.p-float-label > label.p-error {
+.p-float-label > .p-invalid + label {
color: #ef9a9a;
}
-.p-input-icon-left > i:first-of-type,
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > i:first-of-type {
left: 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1120,9 +1130,7 @@
left: 2rem;
}
-.p-input-icon-right > i:last-of-type,
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1172,6 +1180,7 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-listbox .p-listbox-header {
padding: 0.5rem 1rem;
@@ -1191,6 +1200,7 @@
}
.p-listbox .p-listbox-list {
padding: 0.5rem 0;
+ outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
@@ -1204,11 +1214,6 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(100, 181, 246, 0.16);
}
-.p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #93cbf9;
-}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 0.75rem 1rem;
@@ -1221,42 +1226,27 @@
color: rgba(255, 255, 255, 0.87);
background: transparent;
}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: rgba(100, 181, 246, 0.24);
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+ border-color: #64B5F6;
+}
.p-listbox.p-invalid {
border-color: #ef9a9a;
}
-.p-mention-panel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-}
-.p-mention-panel .p-mention-items {
- padding: 0.5rem 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
-}
-.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16);
-}
-
.p-multiselect {
background: #121212;
border: 1px solid #383838;
@@ -1272,9 +1262,6 @@
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
-.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.5rem;
-}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1285,9 +1272,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
- background: rgba(100, 181, 246, 0.16);
+ background: #383838;
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
+ border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
@@ -1299,10 +1286,6 @@
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
-.p-multiselect .p-multiselect-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 2.357rem;
-}
.p-multiselect.p-invalid.p-component {
border-color: #ef9a9a;
}
@@ -1310,12 +1293,6 @@
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.25rem 0.5rem;
}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
- padding: 0.5rem 0.5rem;
-}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.5rem;
-}
.p-multiselect-panel {
background: #1e1e1e;
@@ -1333,9 +1310,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
- margin: 0 0.5rem;
-}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.5rem;
}
@@ -1343,7 +1317,11 @@
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
@@ -1378,15 +1356,17 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(100, 181, 246, 0.16);
}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: rgba(100, 181, 246, 0.24);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #93cbf9;
-}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
@@ -1438,15 +1418,7 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #C5E1A5;
}
-.p-password-panel .p-password-info.weak {
- color: #F48FB1;
-}
-.p-password-panel .p-password-info.medium {
- color: #FFE082;
-}
-.p-password-panel .p-password-info.strong {
- color: #C5E1A5;
-}
+
.p-radiobutton {
width: 20px;
height: 20px;
@@ -1515,10 +1487,11 @@
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #F48FB1;
}
-.p-rating .p-rating-item:focus {
+.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
+ border-color: #64B5F6;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #64B5F6;
@@ -1662,50 +1635,6 @@
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
-.p-treeselect-panel .p-treeselect-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
- margin-right: 0.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
- padding-right: 1.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 3rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 2rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- 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: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
-}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
@@ -1735,6 +1664,12 @@
.p-togglebutton.p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+ border-color: #64B5F6;
+}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
border-color: #383838;
@@ -1775,12 +1710,12 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
-.p-button:enabled:hover, .p-button:not(button):not(a):not(.p-disabled):hover {
+.p-button:enabled:hover {
background: #43a5f4;
color: #212529;
border-color: #43a5f4;
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: #2396f2;
color: #212529;
border-color: #2396f2;
@@ -1790,12 +1725,12 @@
color: #64B5F6;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined:enabled:hover {
background: rgba(100, 181, 246, 0.04);
color: #64B5F6;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined:enabled:active {
background: rgba(100, 181, 246, 0.16);
color: #64B5F6;
border: 1px solid;
@@ -1804,11 +1739,11 @@
color: rgba(255, 255, 255, 0.6);
border-color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:hover, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:active, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1817,12 +1752,12 @@
color: #64B5F6;
border-color: transparent;
}
-.p-button.p-button-text:enabled:hover, .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text:enabled:hover {
background: rgba(100, 181, 246, 0.04);
color: #64B5F6;
border-color: transparent;
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active {
background: rgba(100, 181, 246, 0.16);
color: #64B5F6;
border-color: transparent;
@@ -1830,11 +1765,11 @@
.p-button.p-button-text.p-button-plain {
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:hover, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:active, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1843,6 +1778,9 @@
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1895,20 +1833,11 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
+.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
- margin-right: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
- margin-top: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
- margin-bottom: 0.5rem;
-}
.p-button.p-button-loading-label-only .p-button-loading-icon {
- margin: 0;
+ margin-right: 0;
}
.p-fluid .p-button {
@@ -1924,295 +1853,295 @@
flex: 1;
}
-.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 {
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #78909C;
border: 1px solid #78909C;
}
-.p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary:enabled:hover, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #69838f;
color: #ffffff;
border-color: #69838f;
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #a1b1ba;
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #5d747f;
color: #ffffff;
border-color: #5d747f;
}
-.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #78909C;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(120, 144, 156, 0.04);
color: #78909C;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(120, 144, 156, 0.16);
color: #78909C;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #78909C;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-text:enabled:hover, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(120, 144, 156, 0.04);
border-color: transparent;
color: #78909C;
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(120, 144, 156, 0.16);
border-color: transparent;
color: #78909C;
}
-.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #121212;
background: #81D4FA;
border: 1px solid #81D4FA;
}
-.p-button.p-button-info:enabled:hover, .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info:enabled:hover, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #5dc8f9;
color: #121212;
border-color: #5dc8f9;
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #a7e1fc;
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #38bbf7;
color: #121212;
border-color: #38bbf7;
}
-.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #81D4FA;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:hover, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(129, 212, 250, 0.04);
color: #81D4FA;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(129, 212, 250, 0.16);
color: #81D4FA;
border: 1px solid;
}
-.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #81D4FA;
border-color: transparent;
}
-.p-button.p-button-info.p-button-text:enabled:hover, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(129, 212, 250, 0.04);
border-color: transparent;
color: #81D4FA;
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(129, 212, 250, 0.16);
border-color: transparent;
color: #81D4FA;
}
-.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #121212;
background: #C5E1A5;
border: 1px solid #C5E1A5;
}
-.p-button.p-button-success:enabled:hover, .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success:enabled:hover, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #b2d788;
color: #121212;
border-color: #b2d788;
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #d6eac0;
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #9fce6b;
color: #121212;
border-color: #9fce6b;
}
-.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #C5E1A5;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:hover, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(197, 225, 165, 0.04);
color: #C5E1A5;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(197, 225, 165, 0.16);
color: #C5E1A5;
border: 1px solid;
}
-.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #C5E1A5;
border-color: transparent;
}
-.p-button.p-button-success.p-button-text:enabled:hover, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(197, 225, 165, 0.04);
border-color: transparent;
color: #C5E1A5;
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(197, 225, 165, 0.16);
border-color: transparent;
color: #C5E1A5;
}
-.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #121212;
background: #FFE082;
border: 1px solid #FFE082;
}
-.p-button.p-button-warning:enabled:hover, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning:enabled:hover, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #ffd65c;
color: #121212;
border-color: #ffd65c;
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #ffe9a8;
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #ffcd35;
color: #121212;
border-color: #ffcd35;
}
-.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #FFE082;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(255, 224, 130, 0.04);
color: #FFE082;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(255, 224, 130, 0.16);
color: #FFE082;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #FFE082;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-text:enabled:hover, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(255, 224, 130, 0.04);
border-color: transparent;
color: #FFE082;
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(255, 224, 130, 0.16);
border-color: transparent;
color: #FFE082;
}
-.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #121212;
background: #CE93D8;
border: 1px solid #CE93D8;
}
-.p-button.p-button-help:enabled:hover, .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help:enabled:hover, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #c278ce;
color: #121212;
border-color: #c278ce;
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #ddb3e4;
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #b65ec5;
color: #121212;
border-color: #b65ec5;
}
-.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #CE93D8;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:hover, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(206, 147, 216, 0.04);
color: #CE93D8;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(206, 147, 216, 0.16);
color: #CE93D8;
border: 1px solid;
}
-.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #CE93D8;
border-color: transparent;
}
-.p-button.p-button-help.p-button-text:enabled:hover, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(206, 147, 216, 0.04);
border-color: transparent;
color: #CE93D8;
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(206, 147, 216, 0.16);
border-color: transparent;
color: #CE93D8;
}
-.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #121212;
background: #F48FB1;
border: 1px solid #F48FB1;
}
-.p-button.p-button-danger:enabled:hover, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger:enabled:hover, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #f16c98;
color: #121212;
border-color: #f16c98;
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #f7b1c8;
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #ed4980;
color: #121212;
border-color: #ed4980;
}
-.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #F48FB1;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(244, 143, 177, 0.04);
color: #F48FB1;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(244, 143, 177, 0.16);
color: #F48FB1;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #F48FB1;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-text:enabled:hover, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(244, 143, 177, 0.04);
border-color: transparent;
color: #F48FB1;
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(244, 143, 177, 0.16);
border-color: transparent;
color: #F48FB1;
@@ -2223,25 +2152,89 @@
background: transparent;
border: transparent;
}
-.p-button.p-button-link:enabled:hover, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-link:enabled:hover {
background: transparent;
color: #64B5F6;
border-color: transparent;
}
-.p-button.p-button-link:enabled:hover .p-button-label, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
+.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
-.p-button.p-button-link:enabled:focus, .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: 0 0 0 1px #93cbf9;
border-color: transparent;
}
-.p-button.p-button-link:enabled:active, .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-link:enabled:active {
background: transparent;
color: #64B5F6;
border-color: transparent;
}
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: rgba(255, 255, 255, 0.87);
+ color: #121212;
+}
+.p-speeddial-action:hover {
+ background: rgba(255, 255, 255, 0.6);
+ color: #121212;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
.p-splitbutton {
border-radius: 3px;
}
@@ -2494,70 +2487,6 @@
color: #F48FB1;
}
-.p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
-}
-.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
-}
-
-.p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: rgba(255, 255, 255, 0.87);
- color: #121212;
-}
-.p-speeddial-action:hover {
- background: rgba(255, 255, 255, 0.6);
- color: #121212;
-}
-
-.p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
-}
-
-.p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
-}
-
-.p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
-}
-
-.p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
-}
-
-.p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
-}
-.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
-}
-
-.p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
-}
-
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
@@ -2596,7 +2525,7 @@
border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: rgba(255, 255, 255, 0.03);
+ background: #4c4c4c;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: rgba(100, 181, 246, 0.16);
@@ -2659,11 +2588,11 @@
background: rgba(100, 181, 246, 0.16);
margin-left: 0.5rem;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-datatable .p-sortable-column.p-highlight {
@@ -2673,11 +2602,11 @@
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: #64B5F6;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column.p-highlight:hover {
background: rgba(255, 255, 255, 0.03);
color: #64B5F6;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
color: #64B5F6;
}
.p-datatable .p-sortable-column:focus {
@@ -2729,9 +2658,9 @@
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 600;
}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
- background: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87);
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid #93cbf9;
+ outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: rgba(100, 181, 246, 0.16);
@@ -2743,23 +2672,7 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 rgba(100, 181, 246, 0.16);
}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
- outline: 0.15rem solid #93cbf9;
- 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: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
- outline: 0.15rem solid #93cbf9;
- outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
@@ -2799,22 +2712,31 @@
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: rgba(255, 255, 255, 0.01);
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
+ background: #242424;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: rgba(100, 181, 246, 0.16);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
- background: rgba(255, 255, 255, 0.01);
-}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
@@ -2846,10 +2768,6 @@
padding: 1.25rem 1.25rem;
}
-.p-datatable-drag-selection-helper {
- background: rgba(100, 181, 246, 0.16);
-}
-
.p-dataview .p-paginator-top {
border-width: 1px 0 1px 0;
border-radius: 0;
@@ -2886,46 +2804,6 @@
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
-.p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
-}
-
-.p-datascroller .p-paginator-top {
- border-width: 1px 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-datascroller-header {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
-}
-.p-datascroller .p-datascroller-content {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- padding: 0;
-}
-.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
- border: solid #383838;
- border-width: 0 0 1px 0;
-}
-.p-datascroller .p-datascroller-footer {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
-}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
@@ -3351,19 +3229,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-orderlist .p-orderlist-filter-container {
- padding: 1rem;
- background: #1e1e1e;
- border: 1px solid #383838;
- border-bottom: 0 none;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.5rem;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-orderlist .p-orderlist-list {
border: 1px solid #383838;
background: #1e1e1e;
@@ -3400,22 +3265,6 @@
background: rgba(255, 255, 255, 0.03);
}
-@media screen and (max-width: 960px) {
- .p-orderlist {
- flex-direction: column;
- }
- .p-orderlist .p-orderlist-controls {
- padding: 1rem;
- flex-direction: row;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-controls .p-button:last-child {
- margin-right: 0;
- }
-}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
@@ -3494,6 +3343,7 @@
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
+ margin-right: 0.5rem;
height: 2.286em;
}
.p-paginator .p-dropdown .p-dropdown-label {
@@ -3552,19 +3402,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-picklist .p-picklist-filter-container {
- padding: 1rem;
- background: #1e1e1e;
- border: 1px solid #383838;
- border-bottom: 0 none;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.5rem;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-picklist .p-picklist-list {
border: 1px solid #383838;
background: #1e1e1e;
@@ -3594,35 +3431,38 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(100, 181, 246, 0.16);
}
-
-@media screen and (max-width: 960px) {
- .p-picklist {
- flex-direction: column;
- }
- .p-picklist .p-picklist-buttons {
- padding: 1rem;
- flex-direction: row;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-buttons .p-button:last-child {
- margin-right: 0;
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
- content: "\e930";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
- content: "\e92c";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
- content: "\e933";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
- content: "\e92f";
- }
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: rgba(255, 255, 255, 0.01);
}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 2px solid #64B5F6;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #1e1e1e;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #383838;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
.p-tree {
border: 1px solid #383838;
background: #1e1e1e;
@@ -3689,10 +3529,6 @@
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
@@ -3710,12 +3546,6 @@
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
-.p-tree .p-treenode-droppoint {
- height: 0.5rem;
-}
-.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
- background: rgba(35, 150, 242, 0.16);
-}
.p-treetable .p-paginator-top {
border-width: 1px 0 1px 0;
@@ -3841,11 +3671,11 @@
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: rgba(255, 255, 255, 0.87);
}
.p-treetable .p-column-resizer-helper {
@@ -3910,31 +3740,6 @@
padding: 1.25rem 1.25rem;
}
-.p-timeline .p-timeline-event-marker {
- border: 2px solid #64B5F6;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #1e1e1e;
-}
-.p-timeline .p-timeline-event-connector {
- background-color: #383838;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
-}
-
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem;
border: 1px solid #383838;
@@ -3950,7 +3755,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
+ box-shadow: inset 0 0 0 1px #93cbf9;
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: rgba(255, 255, 255, 0.03);
@@ -4004,7 +3809,7 @@
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
-.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-content {
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
@@ -4067,6 +3872,9 @@
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: rgba(255, 255, 255, 0.03);
border-color: #383838;
@@ -4150,6 +3958,17 @@
border-top: 0 none;
}
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #383838;
+ border: 0 none;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+
.p-splitter {
border: 1px solid #383838;
background: #1e1e1e;
@@ -4162,16 +3981,17 @@
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: #383838;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
}
.p-splitter .p-splitter-gutter-resizing {
background: #383838;
}
-.p-scrollpanel .p-scrollpanel-bar {
- background: #383838;
- border: 0 none;
-}
-
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #383838;
@@ -4208,9 +4028,6 @@
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;
@@ -4463,9 +4280,12 @@
border-bottom: 0 none;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
+ gap: 0.5rem;
}
-.p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
}
.p-fileupload .p-fileupload-content {
background: #1e1e1e;
@@ -4475,6 +4295,22 @@
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #383838;
+ border-radius: 3px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
.p-fileupload .p-progressbar {
height: 0.25rem;
}
@@ -4485,35 +4321,46 @@
margin-top: 0;
}
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #43a5f4;
+ color: #212529;
+ border-color: #43a5f4;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #2396f2;
+ color: #212529;
+ border-color: #2396f2;
+}
+
.p-breadcrumb {
background: #1e1e1e;
border: 1px solid #383838;
border-radius: 3px;
padding: 1rem;
}
-.p-breadcrumb ul li .p-menuitem-link {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: box-shadow 0.2s;
border-radius: 3px;
}
-.p-breadcrumb ul li .p-menuitem-link:focus {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
@@ -4526,39 +4373,8 @@
border-radius: 3px;
width: 12.5rem;
}
-.p-contextmenu .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-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .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 {
- 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-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:focus {
+.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #93cbf9;
}
.p-contextmenu .p-submenu-list {
padding: 0.25rem 0;
@@ -4567,16 +4383,59 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-active > .p-menuitem-link {
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.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.p-menuitem-active > .p-menuitem-link .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.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.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-menu-separator {
+.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:not(.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:not(.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: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: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-menuitem-separator {
border-top: 1px solid #383838;
margin: 0.25rem 0;
}
@@ -4584,78 +4443,71 @@
font-size: 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-action {
+.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-link {
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 {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
- .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list {
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
- .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container {
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
- .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
- .p-dock.p-dock-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 {
+ .p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
@@ -4667,90 +4519,60 @@
border: 1px solid #383838;
border-radius: 3px;
}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .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 {
- 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 {
- 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 {
+.p-megamenu .p-megamenu-root-list {
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-active > .p-menuitem-link,
-.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- 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 {
- 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 {
- 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 {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-megamenu .p-menuitem-link {
- padding: 0.75rem 1rem;
+.p-megamenu .p-menuitem > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
border-radius: 0;
- transition: box-shadow 0.2s;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
user-select: none;
}
-.p-megamenu .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-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-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);
}
-.p-megamenu .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.03);
}
-.p-megamenu .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-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.87);
}
-.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.03);
+}
+.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-menuitem:not(.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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #93cbf9;
+.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:not(.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: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: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: #1e1e1e;
@@ -4758,7 +4580,7 @@
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);
@@ -4767,27 +4589,48 @@
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;
}
+.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-menu {
padding: 0.25rem 0;
@@ -4797,39 +4640,57 @@
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 {
+ 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:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #93cbf9;
+.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;
@@ -4845,7 +4706,7 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
}
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
border-top: 1px solid #383838;
margin: 0.25rem 0;
}
@@ -4857,89 +4718,89 @@
border: 1px solid #383838;
border-radius: 3px;
}
-.p-menubar .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-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-menubar .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 {
- color: rgba(255, 255, 255, 0.6);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .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.87);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-menubar .p-menuitem-link:focus {
+.p-menubar .p-menubar-root-list {
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-menubar-root-list > .p-menuitem > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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 > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #93cbf9;
+.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-active > .p-menuitem-link,
-.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.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-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.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-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.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-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.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-submenu-list {
@@ -4949,22 +4810,13 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem.p-menuitem-active > .p-menuitem-link {
- 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-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);
-}
@media screen and (max-width: 960px) {
.p-menubar {
@@ -4996,56 +4848,22 @@
box-shadow: 0 2px 4px -1px rgba(0, 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: 100%;
}
- .p-menubar .p-menubar-root-list .p-menu-separator {
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
border-top: 1px solid #383838;
margin: 0.25rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
- .p-menubar .p-menubar-root-list > .p-menuitem {
+ .p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list > .p-menuitem > .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-menubar .p-menubar-root-list > .p-menuitem > .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 {
- 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 {
- 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:not(.p-disabled):hover .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 {
- 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 {
- 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 #93cbf9;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5058,26 +4876,26 @@
transition: transform 0.2s;
transform: rotate(90deg);
}
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 5.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 6.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 8.25rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5088,42 +4906,45 @@
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-action {
+ padding: 1rem;
+ font-weight: 600;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a:focus {
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .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);
@@ -5139,66 +4960,91 @@
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 {
+ 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:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #93cbf9;
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
}
-.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+.p-panelmenu .p-panelmenu-content .p-menuitem-separator {
+ border-top: 1px solid #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;
}
@@ -5207,80 +5053,6 @@
border-bottom-left-radius: 3px;
}
-.p-slidemenu {
- padding: 0.25rem 0;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- width: 12.5rem;
-}
-.p-slidemenu .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-slidemenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .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 {
- 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:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .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-slidemenu-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-slidemenu .p-slidemenu-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-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
- background: rgba(255, 255, 255, 0.03);
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.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: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-slidemenu-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
-}
-.p-slidemenu .p-slidemenu-icon {
- font-size: 0.875rem;
-}
-.p-slidemenu .p-slidemenu-backward {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
-}
-
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
@@ -5346,7 +5118,6 @@
border-top-left-radius: 3px;
transition: box-shadow 0.2s;
margin: 0 0 -2px 0;
- height: calc(100% + 2px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
@@ -5375,61 +5146,73 @@
border-radius: 3px;
width: 12.5rem;
}
-.p-tieredmenu .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-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .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 {
- 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 {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #93cbf9;
-}
.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-active > .p-menuitem-link {
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.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.p-menuitem-active > .p-menuitem-link .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.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.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-menu-separator {
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.03);
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ 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: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: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 #383838;
margin: 0.25rem 0;
}
@@ -5697,7 +5480,7 @@
border-radius: 50%;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.1);
+ background: #4c4c4c;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(100, 181, 246, 0.16);
@@ -5741,9 +5524,6 @@
background: rgba(255, 255, 255, 0.1);
color: #f8f9fa;
}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- transition: box-shadow 0.2s;
-}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
@@ -5817,6 +5597,48 @@
border: 2px solid #1e1e1e;
}
+.p-badge {
+ background: #64B5F6;
+ color: #212529;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #78909C;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #C5E1A5;
+ color: #121212;
+}
+.p-badge.p-badge-info {
+ background-color: #81D4FA;
+ color: #121212;
+}
+.p-badge.p-badge-warning {
+ background-color: #FFE082;
+ color: #121212;
+}
+.p-badge.p-badge-danger {
+ background-color: #F48FB1;
+ color: #121212;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
.p-chip {
background-color: #383838;
color: rgba(255, 255, 255, 0.87);
@@ -5838,9 +5660,9 @@
margin-right: 0.5rem;
}
.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-left: 0.5rem;
}
.p-chip .p-chip-remove-icon:focus {
outline: 0 none;
@@ -5848,6 +5670,37 @@
box-shadow: 0 0 0 1px #93cbf9;
}
+.p-inplace .p-inplace-display {
+ padding: 0.5rem 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 1.5rem;
+ background: #383838;
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #64B5F6;
+}
+.p-progressbar .p-progressbar-label {
+ color: #212529;
+ line-height: 1.5rem;
+}
+
.p-scrolltop {
width: 3rem;
height: 3rem;
@@ -5903,37 +5756,6 @@
font-size: 0.75rem;
}
-.p-inplace .p-inplace-display {
- padding: 0.5rem 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
-}
-
-.p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #383838;
- border-radius: 3px;
-}
-.p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #64B5F6;
-}
-.p-progressbar .p-progressbar-label {
- color: #212529;
- line-height: 1.5rem;
-}
-
.p-terminal {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
@@ -5945,73 +5767,6 @@
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
-.p-badge {
- background: #64B5F6;
- color: #212529;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
-}
-.p-badge.p-badge-secondary {
- background-color: #78909C;
- color: #ffffff;
-}
-.p-badge.p-badge-success {
- background-color: #C5E1A5;
- color: #121212;
-}
-.p-badge.p-badge-info {
- background-color: #81D4FA;
- color: #121212;
-}
-.p-badge.p-badge-warning {
- background-color: #FFE082;
- color: #121212;
-}
-.p-badge.p-badge-danger {
- background-color: #F48FB1;
- color: #121212;
-}
-.p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
-}
-.p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
-}
-
-.p-tag {
- background: #64B5F6;
- color: #212529;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 3px;
-}
-.p-tag.p-tag-success {
- background-color: #C5E1A5;
- color: #121212;
-}
-.p-tag.p-tag-info {
- background-color: #81D4FA;
- color: #121212;
-}
-.p-tag.p-tag-warning {
- background-color: #FFE082;
- color: #121212;
-}
-.p-tag.p-tag-danger {
- background-color: #F48FB1;
- color: #121212;
-}
-
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #64B5F6;
diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css
index 00afbc7..63cd51c 100644
--- a/public/themes/arya-green/theme.css
+++ b/public/themes/arya-green/theme.css
@@ -40,8 +40,8 @@
--surface-overlay:#1e1e1e;
--surface-border:#383838;
--surface-hover:rgba(255,255,255,.03);
- --maskbg: rgba(0, 0, 0, 0.4);
--focus-ring: 0 0 0 1px #a7d8a9;
+ --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: dark;
}
@@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
-.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.5rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #81C784;
}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
border-color: #81C784;
}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.25rem 0.5rem;
+ gap: 0.5rem;
+}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
@@ -265,14 +266,17 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: rgba(129, 199, 132, 0.16);
+ background: #383838;
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
+ border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #464646;
+ color: rgba(255, 255, 255, 0.87);
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@@ -296,14 +300,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
-}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(129, 199, 132, 0.16);
}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: rgba(129, 199, 132, 0.24);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
@@ -494,10 +505,10 @@
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
+ border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
- border-left: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03);
@@ -585,22 +596,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1rem;
-}
-.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 #a7d8a9;
-}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(129, 199, 132, 0.16);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: rgba(129, 199, 132, 0.24);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.5rem 1rem;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@@ -637,11 +650,6 @@
border-color: #81C784;
background: #81C784;
}
-.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
- border-color: #54b358;
- background: #54b358;
- color: #212529;
-}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: #81C784;
}
@@ -673,24 +681,28 @@
background: #54b358;
}
-.p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.5rem;
-}
-.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #81C784;
}
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
border-color: #81C784;
}
+.p-chips .p-chips-multiple-container {
+ padding: 0.25rem 0.5rem;
+}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
- background: rgba(129, 199, 132, 0.16);
+ background: #383838;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #464646;
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@@ -752,7 +764,7 @@
.p-dropdown .p-dropdown-label.p-placeholder {
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown .p-dropdown-label:enabled:focus {
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
@@ -795,13 +807,6 @@
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
- padding-right: 3rem;
- margin-right: -3rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
- right: 2rem;
-}
.p-dropdown-panel .p-dropdown-items {
padding: 0.5rem 0;
}
@@ -818,6 +823,13 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(129, 199, 132, 0.16);
}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: rgba(129, 199, 132, 0.24);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -1059,7 +1071,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #6abd6e;
}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
+.p-inputswitch.p-invalid {
border-color: #ef9a9a;
}
@@ -1101,13 +1113,11 @@
transition-duration: 0.2s;
}
-.p-float-label > label.p-error {
+.p-float-label > .p-invalid + label {
color: #ef9a9a;
}
-.p-input-icon-left > i:first-of-type,
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > i:first-of-type {
left: 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1120,9 +1130,7 @@
left: 2rem;
}
-.p-input-icon-right > i:last-of-type,
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1172,6 +1180,7 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-listbox .p-listbox-header {
padding: 0.5rem 1rem;
@@ -1191,6 +1200,7 @@
}
.p-listbox .p-listbox-list {
padding: 0.5rem 0;
+ outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
@@ -1204,11 +1214,6 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(129, 199, 132, 0.16);
}
-.p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a7d8a9;
-}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 0.75rem 1rem;
@@ -1221,42 +1226,27 @@
color: rgba(255, 255, 255, 0.87);
background: transparent;
}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: rgba(129, 199, 132, 0.24);
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+ border-color: #81C784;
+}
.p-listbox.p-invalid {
border-color: #ef9a9a;
}
-.p-mention-panel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-}
-.p-mention-panel .p-mention-items {
- padding: 0.5rem 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
-}
-.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16);
-}
-
.p-multiselect {
background: #121212;
border: 1px solid #383838;
@@ -1272,9 +1262,6 @@
box-shadow: 0 0 0 1px #a7d8a9;
border-color: #81C784;
}
-.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.5rem;
-}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1285,9 +1272,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
- background: rgba(129, 199, 132, 0.16);
+ background: #383838;
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
+ border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
@@ -1299,10 +1286,6 @@
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
-.p-multiselect .p-multiselect-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 2.357rem;
-}
.p-multiselect.p-invalid.p-component {
border-color: #ef9a9a;
}
@@ -1310,12 +1293,6 @@
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.25rem 0.5rem;
}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
- padding: 0.5rem 0.5rem;
-}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.5rem;
-}
.p-multiselect-panel {
background: #1e1e1e;
@@ -1333,9 +1310,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
- margin: 0 0.5rem;
-}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.5rem;
}
@@ -1343,7 +1317,11 @@
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
@@ -1378,15 +1356,17 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(129, 199, 132, 0.16);
}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: rgba(129, 199, 132, 0.24);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a7d8a9;
-}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
@@ -1439,16 +1419,6 @@
background: #C5E1A5;
}
-.p-password-panel .p-password-info.weak {
- color: #F48FB1;
-}
-.p-password-panel .p-password-info.medium {
- color: #FFE082;
-}
-.p-password-panel .p-password-info.strong {
- color: #C5E1A5;
-}
-
.p-radiobutton {
width: 20px;
height: 20px;
@@ -1517,10 +1487,11 @@
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #F48FB1;
}
-.p-rating .p-rating-item:focus {
+.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
+ border-color: #81C784;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #81C784;
@@ -1664,50 +1635,6 @@
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
-.p-treeselect-panel .p-treeselect-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
- margin-right: 0.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
- padding-right: 1.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 3rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 2rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- 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: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
-}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
@@ -1737,6 +1664,12 @@
.p-togglebutton.p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+ border-color: #81C784;
+}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
border-color: #383838;
@@ -1777,12 +1710,12 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
-.p-button:enabled:hover, .p-button:not(button):not(a):not(.p-disabled):hover {
+.p-button:enabled:hover {
background: #6abd6e;
color: #212529;
border-color: #6abd6e;
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: #54b358;
color: #212529;
border-color: #54b358;
@@ -1792,12 +1725,12 @@
color: #81C784;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined:enabled:hover {
background: rgba(129, 199, 132, 0.04);
color: #81C784;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined:enabled:active {
background: rgba(129, 199, 132, 0.16);
color: #81C784;
border: 1px solid;
@@ -1806,11 +1739,11 @@
color: rgba(255, 255, 255, 0.6);
border-color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:hover, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:active, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1819,12 +1752,12 @@
color: #81C784;
border-color: transparent;
}
-.p-button.p-button-text:enabled:hover, .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text:enabled:hover {
background: rgba(129, 199, 132, 0.04);
color: #81C784;
border-color: transparent;
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active {
background: rgba(129, 199, 132, 0.16);
color: #81C784;
border-color: transparent;
@@ -1832,11 +1765,11 @@
.p-button.p-button-text.p-button-plain {
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:hover, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:active, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1845,6 +1778,9 @@
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1897,20 +1833,11 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
+.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
- margin-right: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
- margin-top: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
- margin-bottom: 0.5rem;
-}
.p-button.p-button-loading-label-only .p-button-loading-icon {
- margin: 0;
+ margin-right: 0;
}
.p-fluid .p-button {
@@ -1926,295 +1853,295 @@
flex: 1;
}
-.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 {
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #78909C;
border: 1px solid #78909C;
}
-.p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary:enabled:hover, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #69838f;
color: #ffffff;
border-color: #69838f;
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #a1b1ba;
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #5d747f;
color: #ffffff;
border-color: #5d747f;
}
-.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #78909C;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(120, 144, 156, 0.04);
color: #78909C;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(120, 144, 156, 0.16);
color: #78909C;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #78909C;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-text:enabled:hover, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(120, 144, 156, 0.04);
border-color: transparent;
color: #78909C;
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(120, 144, 156, 0.16);
border-color: transparent;
color: #78909C;
}
-.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #121212;
background: #81D4FA;
border: 1px solid #81D4FA;
}
-.p-button.p-button-info:enabled:hover, .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info:enabled:hover, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #5dc8f9;
color: #121212;
border-color: #5dc8f9;
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #a7e1fc;
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #38bbf7;
color: #121212;
border-color: #38bbf7;
}
-.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #81D4FA;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:hover, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(129, 212, 250, 0.04);
color: #81D4FA;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(129, 212, 250, 0.16);
color: #81D4FA;
border: 1px solid;
}
-.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #81D4FA;
border-color: transparent;
}
-.p-button.p-button-info.p-button-text:enabled:hover, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(129, 212, 250, 0.04);
border-color: transparent;
color: #81D4FA;
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(129, 212, 250, 0.16);
border-color: transparent;
color: #81D4FA;
}
-.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #121212;
background: #C5E1A5;
border: 1px solid #C5E1A5;
}
-.p-button.p-button-success:enabled:hover, .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success:enabled:hover, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #b2d788;
color: #121212;
border-color: #b2d788;
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #d6eac0;
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #9fce6b;
color: #121212;
border-color: #9fce6b;
}
-.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #C5E1A5;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:hover, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(197, 225, 165, 0.04);
color: #C5E1A5;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(197, 225, 165, 0.16);
color: #C5E1A5;
border: 1px solid;
}
-.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #C5E1A5;
border-color: transparent;
}
-.p-button.p-button-success.p-button-text:enabled:hover, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(197, 225, 165, 0.04);
border-color: transparent;
color: #C5E1A5;
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(197, 225, 165, 0.16);
border-color: transparent;
color: #C5E1A5;
}
-.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #121212;
background: #FFE082;
border: 1px solid #FFE082;
}
-.p-button.p-button-warning:enabled:hover, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning:enabled:hover, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #ffd65c;
color: #121212;
border-color: #ffd65c;
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #ffe9a8;
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #ffcd35;
color: #121212;
border-color: #ffcd35;
}
-.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #FFE082;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(255, 224, 130, 0.04);
color: #FFE082;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(255, 224, 130, 0.16);
color: #FFE082;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #FFE082;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-text:enabled:hover, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(255, 224, 130, 0.04);
border-color: transparent;
color: #FFE082;
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(255, 224, 130, 0.16);
border-color: transparent;
color: #FFE082;
}
-.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #121212;
background: #CE93D8;
border: 1px solid #CE93D8;
}
-.p-button.p-button-help:enabled:hover, .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help:enabled:hover, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #c278ce;
color: #121212;
border-color: #c278ce;
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #ddb3e4;
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #b65ec5;
color: #121212;
border-color: #b65ec5;
}
-.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #CE93D8;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:hover, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(206, 147, 216, 0.04);
color: #CE93D8;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(206, 147, 216, 0.16);
color: #CE93D8;
border: 1px solid;
}
-.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #CE93D8;
border-color: transparent;
}
-.p-button.p-button-help.p-button-text:enabled:hover, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(206, 147, 216, 0.04);
border-color: transparent;
color: #CE93D8;
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(206, 147, 216, 0.16);
border-color: transparent;
color: #CE93D8;
}
-.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #121212;
background: #F48FB1;
border: 1px solid #F48FB1;
}
-.p-button.p-button-danger:enabled:hover, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger:enabled:hover, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #f16c98;
color: #121212;
border-color: #f16c98;
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #f7b1c8;
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #ed4980;
color: #121212;
border-color: #ed4980;
}
-.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #F48FB1;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(244, 143, 177, 0.04);
color: #F48FB1;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(244, 143, 177, 0.16);
color: #F48FB1;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #F48FB1;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-text:enabled:hover, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(244, 143, 177, 0.04);
border-color: transparent;
color: #F48FB1;
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(244, 143, 177, 0.16);
border-color: transparent;
color: #F48FB1;
@@ -2225,25 +2152,89 @@
background: transparent;
border: transparent;
}
-.p-button.p-button-link:enabled:hover, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-link:enabled:hover {
background: transparent;
color: #81C784;
border-color: transparent;
}
-.p-button.p-button-link:enabled:hover .p-button-label, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
+.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
-.p-button.p-button-link:enabled:focus, .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: 0 0 0 1px #a7d8a9;
border-color: transparent;
}
-.p-button.p-button-link:enabled:active, .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-link:enabled:active {
background: transparent;
color: #81C784;
border-color: transparent;
}
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: rgba(255, 255, 255, 0.87);
+ color: #121212;
+}
+.p-speeddial-action:hover {
+ background: rgba(255, 255, 255, 0.6);
+ color: #121212;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
.p-splitbutton {
border-radius: 3px;
}
@@ -2496,70 +2487,6 @@
color: #F48FB1;
}
-.p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
-}
-.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
-}
-
-.p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: rgba(255, 255, 255, 0.87);
- color: #121212;
-}
-.p-speeddial-action:hover {
- background: rgba(255, 255, 255, 0.6);
- color: #121212;
-}
-
-.p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
-}
-
-.p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
-}
-
-.p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
-}
-
-.p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
-}
-
-.p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
-}
-.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
-}
-
-.p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
-}
-
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
@@ -2598,7 +2525,7 @@
border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: rgba(255, 255, 255, 0.03);
+ background: #4c4c4c;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: rgba(129, 199, 132, 0.16);
@@ -2661,11 +2588,11 @@
background: rgba(129, 199, 132, 0.16);
margin-left: 0.5rem;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-datatable .p-sortable-column.p-highlight {
@@ -2675,11 +2602,11 @@
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: #81C784;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column.p-highlight:hover {
background: rgba(255, 255, 255, 0.03);
color: #81C784;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
color: #81C784;
}
.p-datatable .p-sortable-column:focus {
@@ -2731,9 +2658,9 @@
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 600;
}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
- background: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87);
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid #a7d8a9;
+ outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: rgba(129, 199, 132, 0.16);
@@ -2745,23 +2672,7 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 rgba(129, 199, 132, 0.16);
}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
- outline: 0.15rem solid #a7d8a9;
- 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: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
- outline: 0.15rem solid #a7d8a9;
- outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
@@ -2801,22 +2712,31 @@
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: rgba(255, 255, 255, 0.01);
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
+ background: #242424;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: rgba(129, 199, 132, 0.16);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
- background: rgba(255, 255, 255, 0.01);
-}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
@@ -2848,10 +2768,6 @@
padding: 1.25rem 1.25rem;
}
-.p-datatable-drag-selection-helper {
- background: rgba(129, 199, 132, 0.16);
-}
-
.p-dataview .p-paginator-top {
border-width: 1px 0 1px 0;
border-radius: 0;
@@ -2888,46 +2804,6 @@
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
-.p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
-}
-
-.p-datascroller .p-paginator-top {
- border-width: 1px 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-datascroller-header {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
-}
-.p-datascroller .p-datascroller-content {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- padding: 0;
-}
-.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
- border: solid #383838;
- border-width: 0 0 1px 0;
-}
-.p-datascroller .p-datascroller-footer {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
-}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
@@ -3353,19 +3229,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-orderlist .p-orderlist-filter-container {
- padding: 1rem;
- background: #1e1e1e;
- border: 1px solid #383838;
- border-bottom: 0 none;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.5rem;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-orderlist .p-orderlist-list {
border: 1px solid #383838;
background: #1e1e1e;
@@ -3402,22 +3265,6 @@
background: rgba(255, 255, 255, 0.03);
}
-@media screen and (max-width: 960px) {
- .p-orderlist {
- flex-direction: column;
- }
- .p-orderlist .p-orderlist-controls {
- padding: 1rem;
- flex-direction: row;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-controls .p-button:last-child {
- margin-right: 0;
- }
-}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
@@ -3496,6 +3343,7 @@
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
+ margin-right: 0.5rem;
height: 2.286em;
}
.p-paginator .p-dropdown .p-dropdown-label {
@@ -3554,19 +3402,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-picklist .p-picklist-filter-container {
- padding: 1rem;
- background: #1e1e1e;
- border: 1px solid #383838;
- border-bottom: 0 none;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.5rem;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-picklist .p-picklist-list {
border: 1px solid #383838;
background: #1e1e1e;
@@ -3596,35 +3431,38 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(129, 199, 132, 0.16);
}
-
-@media screen and (max-width: 960px) {
- .p-picklist {
- flex-direction: column;
- }
- .p-picklist .p-picklist-buttons {
- padding: 1rem;
- flex-direction: row;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-buttons .p-button:last-child {
- margin-right: 0;
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
- content: "\e930";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
- content: "\e92c";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
- content: "\e933";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
- content: "\e92f";
- }
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: rgba(255, 255, 255, 0.01);
}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 2px solid #81C784;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #1e1e1e;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #383838;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
.p-tree {
border: 1px solid #383838;
background: #1e1e1e;
@@ -3691,10 +3529,6 @@
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
@@ -3712,12 +3546,6 @@
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
-.p-tree .p-treenode-droppoint {
- height: 0.5rem;
-}
-.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
- background: rgba(84, 179, 88, 0.16);
-}
.p-treetable .p-paginator-top {
border-width: 1px 0 1px 0;
@@ -3843,11 +3671,11 @@
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: rgba(255, 255, 255, 0.87);
}
.p-treetable .p-column-resizer-helper {
@@ -3912,31 +3740,6 @@
padding: 1.25rem 1.25rem;
}
-.p-timeline .p-timeline-event-marker {
- border: 2px solid #81C784;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #1e1e1e;
-}
-.p-timeline .p-timeline-event-connector {
- background-color: #383838;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
-}
-
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem;
border: 1px solid #383838;
@@ -3952,7 +3755,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
+ box-shadow: inset 0 0 0 1px #a7d8a9;
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: rgba(255, 255, 255, 0.03);
@@ -4006,7 +3809,7 @@
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
-.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-content {
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
@@ -4069,6 +3872,9 @@
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: rgba(255, 255, 255, 0.03);
border-color: #383838;
@@ -4152,6 +3958,17 @@
border-top: 0 none;
}
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #383838;
+ border: 0 none;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+
.p-splitter {
border: 1px solid #383838;
background: #1e1e1e;
@@ -4164,16 +3981,17 @@
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: #383838;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
}
.p-splitter .p-splitter-gutter-resizing {
background: #383838;
}
-.p-scrollpanel .p-scrollpanel-bar {
- background: #383838;
- border: 0 none;
-}
-
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #383838;
@@ -4210,9 +4028,6 @@
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;
@@ -4465,9 +4280,12 @@
border-bottom: 0 none;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
+ gap: 0.5rem;
}
-.p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
}
.p-fileupload .p-fileupload-content {
background: #1e1e1e;
@@ -4477,6 +4295,22 @@
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #383838;
+ border-radius: 3px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
.p-fileupload .p-progressbar {
height: 0.25rem;
}
@@ -4487,35 +4321,46 @@
margin-top: 0;
}
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #6abd6e;
+ color: #212529;
+ border-color: #6abd6e;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #54b358;
+ color: #212529;
+ border-color: #54b358;
+}
+
.p-breadcrumb {
background: #1e1e1e;
border: 1px solid #383838;
border-radius: 3px;
padding: 1rem;
}
-.p-breadcrumb ul li .p-menuitem-link {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: box-shadow 0.2s;
border-radius: 3px;
}
-.p-breadcrumb ul li .p-menuitem-link:focus {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
@@ -4528,39 +4373,8 @@
border-radius: 3px;
width: 12.5rem;
}
-.p-contextmenu .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-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .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 {
- 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-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:focus {
+.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a7d8a9;
}
.p-contextmenu .p-submenu-list {
padding: 0.25rem 0;
@@ -4569,16 +4383,59 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-active > .p-menuitem-link {
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.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.p-menuitem-active > .p-menuitem-link .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.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.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-menu-separator {
+.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:not(.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:not(.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: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: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-menuitem-separator {
border-top: 1px solid #383838;
margin: 0.25rem 0;
}
@@ -4586,78 +4443,71 @@
font-size: 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-action {
+.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-link {
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 {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
- .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list {
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
- .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container {
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
- .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
- .p-dock.p-dock-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 {
+ .p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
@@ -4669,90 +4519,60 @@
border: 1px solid #383838;
border-radius: 3px;
}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .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 {
- 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 {
- 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 {
+.p-megamenu .p-megamenu-root-list {
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-active > .p-menuitem-link,
-.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- 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 {
- 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 {
- 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 {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-megamenu .p-menuitem-link {
- padding: 0.75rem 1rem;
+.p-megamenu .p-menuitem > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
border-radius: 0;
- transition: box-shadow 0.2s;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
user-select: none;
}
-.p-megamenu .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-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-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);
}
-.p-megamenu .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.03);
}
-.p-megamenu .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-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.87);
}
-.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.03);
+}
+.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-menuitem:not(.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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a7d8a9;
+.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:not(.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: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: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: #1e1e1e;
@@ -4760,7 +4580,7 @@
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);
@@ -4769,27 +4589,48 @@
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;
}
+.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-menu {
padding: 0.25rem 0;
@@ -4799,39 +4640,57 @@
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 {
+ 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:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a7d8a9;
+.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;
@@ -4847,7 +4706,7 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
}
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
border-top: 1px solid #383838;
margin: 0.25rem 0;
}
@@ -4859,89 +4718,89 @@
border: 1px solid #383838;
border-radius: 3px;
}
-.p-menubar .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-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-menubar .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 {
- color: rgba(255, 255, 255, 0.6);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .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.87);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-menubar .p-menuitem-link:focus {
+.p-menubar .p-menubar-root-list {
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-menubar-root-list > .p-menuitem > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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 > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a7d8a9;
+.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-active > .p-menuitem-link,
-.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.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-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.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-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.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-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.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-submenu-list {
@@ -4951,22 +4810,13 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem.p-menuitem-active > .p-menuitem-link {
- 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-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);
-}
@media screen and (max-width: 960px) {
.p-menubar {
@@ -4998,56 +4848,22 @@
box-shadow: 0 2px 4px -1px rgba(0, 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: 100%;
}
- .p-menubar .p-menubar-root-list .p-menu-separator {
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
border-top: 1px solid #383838;
margin: 0.25rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
- .p-menubar .p-menubar-root-list > .p-menuitem {
+ .p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list > .p-menuitem > .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-menubar .p-menubar-root-list > .p-menuitem > .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 {
- 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 {
- 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:not(.p-disabled):hover .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 {
- 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 {
- 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 #a7d8a9;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5060,26 +4876,26 @@
transition: transform 0.2s;
transform: rotate(90deg);
}
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 5.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 6.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 8.25rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5090,42 +4906,45 @@
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-action {
+ padding: 1rem;
+ font-weight: 600;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a:focus {
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .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);
@@ -5141,66 +4960,91 @@
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 {
+ 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:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a7d8a9;
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
}
-.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+.p-panelmenu .p-panelmenu-content .p-menuitem-separator {
+ border-top: 1px solid #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;
}
@@ -5209,80 +5053,6 @@
border-bottom-left-radius: 3px;
}
-.p-slidemenu {
- padding: 0.25rem 0;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- width: 12.5rem;
-}
-.p-slidemenu .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-slidemenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .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 {
- 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:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .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-slidemenu-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-slidemenu .p-slidemenu-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-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
- background: rgba(255, 255, 255, 0.03);
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.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: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-slidemenu-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
-}
-.p-slidemenu .p-slidemenu-icon {
- font-size: 0.875rem;
-}
-.p-slidemenu .p-slidemenu-backward {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
-}
-
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
@@ -5348,7 +5118,6 @@
border-top-left-radius: 3px;
transition: box-shadow 0.2s;
margin: 0 0 -2px 0;
- height: calc(100% + 2px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
@@ -5377,61 +5146,73 @@
border-radius: 3px;
width: 12.5rem;
}
-.p-tieredmenu .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-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .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 {
- 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 {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a7d8a9;
-}
.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-active > .p-menuitem-link {
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.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.p-menuitem-active > .p-menuitem-link .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.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.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-menu-separator {
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.03);
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ 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: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: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 #383838;
margin: 0.25rem 0;
}
@@ -5699,7 +5480,7 @@
border-radius: 50%;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.1);
+ background: #4c4c4c;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(129, 199, 132, 0.16);
@@ -5743,9 +5524,6 @@
background: rgba(255, 255, 255, 0.1);
color: #f8f9fa;
}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- transition: box-shadow 0.2s;
-}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
@@ -5819,6 +5597,48 @@
border: 2px solid #1e1e1e;
}
+.p-badge {
+ background: #81C784;
+ color: #212529;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #78909C;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #C5E1A5;
+ color: #121212;
+}
+.p-badge.p-badge-info {
+ background-color: #81D4FA;
+ color: #121212;
+}
+.p-badge.p-badge-warning {
+ background-color: #FFE082;
+ color: #121212;
+}
+.p-badge.p-badge-danger {
+ background-color: #F48FB1;
+ color: #121212;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
.p-chip {
background-color: #383838;
color: rgba(255, 255, 255, 0.87);
@@ -5840,9 +5660,9 @@
margin-right: 0.5rem;
}
.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-left: 0.5rem;
}
.p-chip .p-chip-remove-icon:focus {
outline: 0 none;
@@ -5850,6 +5670,37 @@
box-shadow: 0 0 0 1px #a7d8a9;
}
+.p-inplace .p-inplace-display {
+ padding: 0.5rem 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 1.5rem;
+ background: #383838;
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #81C784;
+}
+.p-progressbar .p-progressbar-label {
+ color: #212529;
+ line-height: 1.5rem;
+}
+
.p-scrolltop {
width: 3rem;
height: 3rem;
@@ -5905,37 +5756,6 @@
font-size: 0.75rem;
}
-.p-inplace .p-inplace-display {
- padding: 0.5rem 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
-}
-
-.p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #383838;
- border-radius: 3px;
-}
-.p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #81C784;
-}
-.p-progressbar .p-progressbar-label {
- color: #212529;
- line-height: 1.5rem;
-}
-
.p-terminal {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
@@ -5947,73 +5767,6 @@
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
-.p-badge {
- background: #81C784;
- color: #212529;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
-}
-.p-badge.p-badge-secondary {
- background-color: #78909C;
- color: #ffffff;
-}
-.p-badge.p-badge-success {
- background-color: #C5E1A5;
- color: #121212;
-}
-.p-badge.p-badge-info {
- background-color: #81D4FA;
- color: #121212;
-}
-.p-badge.p-badge-warning {
- background-color: #FFE082;
- color: #121212;
-}
-.p-badge.p-badge-danger {
- background-color: #F48FB1;
- color: #121212;
-}
-.p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
-}
-.p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
-}
-
-.p-tag {
- background: #81C784;
- color: #212529;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 3px;
-}
-.p-tag.p-tag-success {
- background-color: #C5E1A5;
- color: #121212;
-}
-.p-tag.p-tag-info {
- background-color: #81D4FA;
- color: #121212;
-}
-.p-tag.p-tag-warning {
- background-color: #FFE082;
- color: #121212;
-}
-.p-tag.p-tag-danger {
- background-color: #F48FB1;
- color: #121212;
-}
-
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #81C784;
diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css
index 00a450b..0199d07 100644
--- a/public/themes/arya-orange/theme.css
+++ b/public/themes/arya-orange/theme.css
@@ -40,8 +40,8 @@
--surface-overlay:#1e1e1e;
--surface-border:#383838;
--surface-hover:rgba(255,255,255,.03);
- --maskbg: rgba(0, 0, 0, 0.4);
--focus-ring: 0 0 0 1px #ffe284;
+ --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: dark;
}
@@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
-.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.5rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #FFD54F;
}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
border-color: #FFD54F;
}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.25rem 0.5rem;
+ gap: 0.5rem;
+}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
@@ -265,14 +266,17 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: rgba(255, 213, 79, 0.16);
+ background: #383838;
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
+ border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #464646;
+ color: rgba(255, 255, 255, 0.87);
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@@ -296,14 +300,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
-}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 213, 79, 0.16);
}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: rgba(255, 213, 79, 0.24);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
@@ -494,10 +505,10 @@
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
+ border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
- border-left: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03);
@@ -585,22 +596,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1rem;
-}
-.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 #ffe284;
-}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 213, 79, 0.16);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: rgba(255, 213, 79, 0.24);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.5rem 1rem;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@@ -637,11 +650,6 @@
border-color: #FFD54F;
background: #FFD54F;
}
-.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
- border-color: #ffc50c;
- background: #ffc50c;
- color: #212529;
-}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: #FFD54F;
}
@@ -673,24 +681,28 @@
background: #ffc50c;
}
-.p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.5rem;
-}
-.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #FFD54F;
}
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
border-color: #FFD54F;
}
+.p-chips .p-chips-multiple-container {
+ padding: 0.25rem 0.5rem;
+}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
- background: rgba(255, 213, 79, 0.16);
+ background: #383838;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #464646;
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@@ -752,7 +764,7 @@
.p-dropdown .p-dropdown-label.p-placeholder {
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown .p-dropdown-label:enabled:focus {
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
@@ -795,13 +807,6 @@
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
- padding-right: 3rem;
- margin-right: -3rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
- right: 2rem;
-}
.p-dropdown-panel .p-dropdown-items {
padding: 0.5rem 0;
}
@@ -818,6 +823,13 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 213, 79, 0.16);
}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: rgba(255, 213, 79, 0.24);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -1059,7 +1071,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #ffcd2e;
}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
+.p-inputswitch.p-invalid {
border-color: #ef9a9a;
}
@@ -1101,13 +1113,11 @@
transition-duration: 0.2s;
}
-.p-float-label > label.p-error {
+.p-float-label > .p-invalid + label {
color: #ef9a9a;
}
-.p-input-icon-left > i:first-of-type,
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > i:first-of-type {
left: 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1120,9 +1130,7 @@
left: 2rem;
}
-.p-input-icon-right > i:last-of-type,
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1172,6 +1180,7 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-listbox .p-listbox-header {
padding: 0.5rem 1rem;
@@ -1191,6 +1200,7 @@
}
.p-listbox .p-listbox-list {
padding: 0.5rem 0;
+ outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
@@ -1204,11 +1214,6 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 213, 79, 0.16);
}
-.p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe284;
-}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 0.75rem 1rem;
@@ -1221,42 +1226,27 @@
color: rgba(255, 255, 255, 0.87);
background: transparent;
}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: rgba(255, 213, 79, 0.24);
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+ border-color: #FFD54F;
+}
.p-listbox.p-invalid {
border-color: #ef9a9a;
}
-.p-mention-panel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-}
-.p-mention-panel .p-mention-items {
- padding: 0.5rem 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
-}
-.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16);
-}
-
.p-multiselect {
background: #121212;
border: 1px solid #383838;
@@ -1272,9 +1262,6 @@
box-shadow: 0 0 0 1px #ffe284;
border-color: #FFD54F;
}
-.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.5rem;
-}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1285,9 +1272,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
- background: rgba(255, 213, 79, 0.16);
+ background: #383838;
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
+ border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
@@ -1299,10 +1286,6 @@
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
-.p-multiselect .p-multiselect-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 2.357rem;
-}
.p-multiselect.p-invalid.p-component {
border-color: #ef9a9a;
}
@@ -1310,12 +1293,6 @@
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.25rem 0.5rem;
}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
- padding: 0.5rem 0.5rem;
-}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.5rem;
-}
.p-multiselect-panel {
background: #1e1e1e;
@@ -1333,9 +1310,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
- margin: 0 0.5rem;
-}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.5rem;
}
@@ -1343,7 +1317,11 @@
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
@@ -1378,15 +1356,17 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 213, 79, 0.16);
}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: rgba(255, 213, 79, 0.24);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe284;
-}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
@@ -1438,15 +1418,6 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #C5E1A5;
}
-.p-password-panel .p-password-info.weak {
- color: #F48FB1;
-}
-.p-password-panel .p-password-info.medium {
- color: #FFE082;
-}
-.p-password-panel .p-password-info.strong {
- color: #C5E1A5;
-}
.p-radiobutton {
width: 20px;
@@ -1516,10 +1487,11 @@
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #F48FB1;
}
-.p-rating .p-rating-item:focus {
+.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
+ border-color: #FFD54F;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #FFD54F;
@@ -1663,50 +1635,6 @@
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
-.p-treeselect-panel .p-treeselect-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
- margin-right: 0.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
- padding-right: 1.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 3rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 2rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- 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: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
-}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
@@ -1736,6 +1664,12 @@
.p-togglebutton.p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+ border-color: #FFD54F;
+}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
border-color: #383838;
@@ -1776,12 +1710,12 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
-.p-button:enabled:hover, .p-button:not(button):not(a):not(.p-disabled):hover {
+.p-button:enabled:hover {
background: #ffcd2e;
color: #212529;
border-color: #ffcd2e;
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: #ffc50c;
color: #212529;
border-color: #ffc50c;
@@ -1791,12 +1725,12 @@
color: #FFD54F;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined:enabled:hover {
background: rgba(255, 213, 79, 0.04);
color: #FFD54F;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined:enabled:active {
background: rgba(255, 213, 79, 0.16);
color: #FFD54F;
border: 1px solid;
@@ -1805,11 +1739,11 @@
color: rgba(255, 255, 255, 0.6);
border-color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:hover, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:active, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1818,12 +1752,12 @@
color: #FFD54F;
border-color: transparent;
}
-.p-button.p-button-text:enabled:hover, .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text:enabled:hover {
background: rgba(255, 213, 79, 0.04);
color: #FFD54F;
border-color: transparent;
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active {
background: rgba(255, 213, 79, 0.16);
color: #FFD54F;
border-color: transparent;
@@ -1831,11 +1765,11 @@
.p-button.p-button-text.p-button-plain {
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:hover, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:active, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1844,6 +1778,9 @@
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1896,20 +1833,11 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
+.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
- margin-right: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
- margin-top: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
- margin-bottom: 0.5rem;
-}
.p-button.p-button-loading-label-only .p-button-loading-icon {
- margin: 0;
+ margin-right: 0;
}
.p-fluid .p-button {
@@ -1925,295 +1853,295 @@
flex: 1;
}
-.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 {
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #78909C;
border: 1px solid #78909C;
}
-.p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary:enabled:hover, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #69838f;
color: #ffffff;
border-color: #69838f;
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #a1b1ba;
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #5d747f;
color: #ffffff;
border-color: #5d747f;
}
-.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #78909C;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(120, 144, 156, 0.04);
color: #78909C;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(120, 144, 156, 0.16);
color: #78909C;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #78909C;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-text:enabled:hover, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(120, 144, 156, 0.04);
border-color: transparent;
color: #78909C;
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(120, 144, 156, 0.16);
border-color: transparent;
color: #78909C;
}
-.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #121212;
background: #81D4FA;
border: 1px solid #81D4FA;
}
-.p-button.p-button-info:enabled:hover, .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info:enabled:hover, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #5dc8f9;
color: #121212;
border-color: #5dc8f9;
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #a7e1fc;
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #38bbf7;
color: #121212;
border-color: #38bbf7;
}
-.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #81D4FA;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:hover, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(129, 212, 250, 0.04);
color: #81D4FA;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(129, 212, 250, 0.16);
color: #81D4FA;
border: 1px solid;
}
-.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #81D4FA;
border-color: transparent;
}
-.p-button.p-button-info.p-button-text:enabled:hover, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(129, 212, 250, 0.04);
border-color: transparent;
color: #81D4FA;
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(129, 212, 250, 0.16);
border-color: transparent;
color: #81D4FA;
}
-.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #121212;
background: #C5E1A5;
border: 1px solid #C5E1A5;
}
-.p-button.p-button-success:enabled:hover, .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success:enabled:hover, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #b2d788;
color: #121212;
border-color: #b2d788;
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #d6eac0;
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #9fce6b;
color: #121212;
border-color: #9fce6b;
}
-.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #C5E1A5;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:hover, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(197, 225, 165, 0.04);
color: #C5E1A5;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(197, 225, 165, 0.16);
color: #C5E1A5;
border: 1px solid;
}
-.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #C5E1A5;
border-color: transparent;
}
-.p-button.p-button-success.p-button-text:enabled:hover, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(197, 225, 165, 0.04);
border-color: transparent;
color: #C5E1A5;
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(197, 225, 165, 0.16);
border-color: transparent;
color: #C5E1A5;
}
-.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #121212;
background: #FFE082;
border: 1px solid #FFE082;
}
-.p-button.p-button-warning:enabled:hover, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning:enabled:hover, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #ffd65c;
color: #121212;
border-color: #ffd65c;
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #ffe9a8;
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #ffcd35;
color: #121212;
border-color: #ffcd35;
}
-.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #FFE082;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(255, 224, 130, 0.04);
color: #FFE082;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(255, 224, 130, 0.16);
color: #FFE082;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #FFE082;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-text:enabled:hover, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(255, 224, 130, 0.04);
border-color: transparent;
color: #FFE082;
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(255, 224, 130, 0.16);
border-color: transparent;
color: #FFE082;
}
-.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #121212;
background: #CE93D8;
border: 1px solid #CE93D8;
}
-.p-button.p-button-help:enabled:hover, .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help:enabled:hover, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #c278ce;
color: #121212;
border-color: #c278ce;
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #ddb3e4;
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #b65ec5;
color: #121212;
border-color: #b65ec5;
}
-.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #CE93D8;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:hover, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(206, 147, 216, 0.04);
color: #CE93D8;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(206, 147, 216, 0.16);
color: #CE93D8;
border: 1px solid;
}
-.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #CE93D8;
border-color: transparent;
}
-.p-button.p-button-help.p-button-text:enabled:hover, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(206, 147, 216, 0.04);
border-color: transparent;
color: #CE93D8;
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(206, 147, 216, 0.16);
border-color: transparent;
color: #CE93D8;
}
-.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #121212;
background: #F48FB1;
border: 1px solid #F48FB1;
}
-.p-button.p-button-danger:enabled:hover, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger:enabled:hover, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #f16c98;
color: #121212;
border-color: #f16c98;
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #f7b1c8;
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #ed4980;
color: #121212;
border-color: #ed4980;
}
-.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #F48FB1;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(244, 143, 177, 0.04);
color: #F48FB1;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(244, 143, 177, 0.16);
color: #F48FB1;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #F48FB1;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-text:enabled:hover, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(244, 143, 177, 0.04);
border-color: transparent;
color: #F48FB1;
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(244, 143, 177, 0.16);
border-color: transparent;
color: #F48FB1;
@@ -2224,25 +2152,89 @@
background: transparent;
border: transparent;
}
-.p-button.p-button-link:enabled:hover, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-link:enabled:hover {
background: transparent;
color: #FFD54F;
border-color: transparent;
}
-.p-button.p-button-link:enabled:hover .p-button-label, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
+.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
-.p-button.p-button-link:enabled:focus, .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: 0 0 0 1px #ffe284;
border-color: transparent;
}
-.p-button.p-button-link:enabled:active, .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-link:enabled:active {
background: transparent;
color: #FFD54F;
border-color: transparent;
}
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: rgba(255, 255, 255, 0.87);
+ color: #121212;
+}
+.p-speeddial-action:hover {
+ background: rgba(255, 255, 255, 0.6);
+ color: #121212;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
.p-splitbutton {
border-radius: 3px;
}
@@ -2495,70 +2487,6 @@
color: #F48FB1;
}
-.p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
-}
-.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
-}
-
-.p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: rgba(255, 255, 255, 0.87);
- color: #121212;
-}
-.p-speeddial-action:hover {
- background: rgba(255, 255, 255, 0.6);
- color: #121212;
-}
-
-.p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
-}
-
-.p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
-}
-
-.p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
-}
-
-.p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
-}
-
-.p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
-}
-.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
-}
-
-.p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
-}
-
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
@@ -2597,7 +2525,7 @@
border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: rgba(255, 255, 255, 0.03);
+ background: #4c4c4c;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: rgba(255, 213, 79, 0.16);
@@ -2660,11 +2588,11 @@
background: rgba(255, 213, 79, 0.16);
margin-left: 0.5rem;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-datatable .p-sortable-column.p-highlight {
@@ -2674,11 +2602,11 @@
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: #FFD54F;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column.p-highlight:hover {
background: rgba(255, 255, 255, 0.03);
color: #FFD54F;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
color: #FFD54F;
}
.p-datatable .p-sortable-column:focus {
@@ -2730,9 +2658,9 @@
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 600;
}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
- background: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87);
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid #ffe284;
+ outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: rgba(255, 213, 79, 0.16);
@@ -2744,23 +2672,7 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 rgba(255, 213, 79, 0.16);
}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
- outline: 0.15rem solid #ffe284;
- 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: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
- outline: 0.15rem solid #ffe284;
- outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
@@ -2800,22 +2712,31 @@
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: rgba(255, 255, 255, 0.01);
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
+ background: #242424;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: rgba(255, 213, 79, 0.16);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
- background: rgba(255, 255, 255, 0.01);
-}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
@@ -2847,10 +2768,6 @@
padding: 1.25rem 1.25rem;
}
-.p-datatable-drag-selection-helper {
- background: rgba(255, 213, 79, 0.16);
-}
-
.p-dataview .p-paginator-top {
border-width: 1px 0 1px 0;
border-radius: 0;
@@ -2887,46 +2804,6 @@
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
-.p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
-}
-
-.p-datascroller .p-paginator-top {
- border-width: 1px 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-datascroller-header {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
-}
-.p-datascroller .p-datascroller-content {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- padding: 0;
-}
-.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
- border: solid #383838;
- border-width: 0 0 1px 0;
-}
-.p-datascroller .p-datascroller-footer {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
-}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
@@ -3352,19 +3229,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-orderlist .p-orderlist-filter-container {
- padding: 1rem;
- background: #1e1e1e;
- border: 1px solid #383838;
- border-bottom: 0 none;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.5rem;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-orderlist .p-orderlist-list {
border: 1px solid #383838;
background: #1e1e1e;
@@ -3401,22 +3265,6 @@
background: rgba(255, 255, 255, 0.03);
}
-@media screen and (max-width: 960px) {
- .p-orderlist {
- flex-direction: column;
- }
- .p-orderlist .p-orderlist-controls {
- padding: 1rem;
- flex-direction: row;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-controls .p-button:last-child {
- margin-right: 0;
- }
-}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
@@ -3495,6 +3343,7 @@
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
+ margin-right: 0.5rem;
height: 2.286em;
}
.p-paginator .p-dropdown .p-dropdown-label {
@@ -3553,19 +3402,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-picklist .p-picklist-filter-container {
- padding: 1rem;
- background: #1e1e1e;
- border: 1px solid #383838;
- border-bottom: 0 none;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.5rem;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-picklist .p-picklist-list {
border: 1px solid #383838;
background: #1e1e1e;
@@ -3595,35 +3431,38 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 213, 79, 0.16);
}
-
-@media screen and (max-width: 960px) {
- .p-picklist {
- flex-direction: column;
- }
- .p-picklist .p-picklist-buttons {
- padding: 1rem;
- flex-direction: row;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-buttons .p-button:last-child {
- margin-right: 0;
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
- content: "\e930";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
- content: "\e92c";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
- content: "\e933";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
- content: "\e92f";
- }
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: rgba(255, 255, 255, 0.01);
}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 2px solid #FFD54F;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #1e1e1e;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #383838;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
.p-tree {
border: 1px solid #383838;
background: #1e1e1e;
@@ -3690,10 +3529,6 @@
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
@@ -3711,12 +3546,6 @@
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
-.p-tree .p-treenode-droppoint {
- height: 0.5rem;
-}
-.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
- background: rgba(255, 197, 12, 0.16);
-}
.p-treetable .p-paginator-top {
border-width: 1px 0 1px 0;
@@ -3842,11 +3671,11 @@
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: rgba(255, 255, 255, 0.87);
}
.p-treetable .p-column-resizer-helper {
@@ -3911,31 +3740,6 @@
padding: 1.25rem 1.25rem;
}
-.p-timeline .p-timeline-event-marker {
- border: 2px solid #FFD54F;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #1e1e1e;
-}
-.p-timeline .p-timeline-event-connector {
- background-color: #383838;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
-}
-
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem;
border: 1px solid #383838;
@@ -3951,7 +3755,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
+ box-shadow: inset 0 0 0 1px #ffe284;
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: rgba(255, 255, 255, 0.03);
@@ -4005,7 +3809,7 @@
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
-.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-content {
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
@@ -4068,6 +3872,9 @@
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: rgba(255, 255, 255, 0.03);
border-color: #383838;
@@ -4151,6 +3958,17 @@
border-top: 0 none;
}
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #383838;
+ border: 0 none;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+
.p-splitter {
border: 1px solid #383838;
background: #1e1e1e;
@@ -4163,16 +3981,17 @@
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: #383838;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
}
.p-splitter .p-splitter-gutter-resizing {
background: #383838;
}
-.p-scrollpanel .p-scrollpanel-bar {
- background: #383838;
- border: 0 none;
-}
-
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #383838;
@@ -4209,9 +4028,6 @@
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;
@@ -4464,9 +4280,12 @@
border-bottom: 0 none;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
+ gap: 0.5rem;
}
-.p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
}
.p-fileupload .p-fileupload-content {
background: #1e1e1e;
@@ -4476,6 +4295,22 @@
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #383838;
+ border-radius: 3px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
.p-fileupload .p-progressbar {
height: 0.25rem;
}
@@ -4486,35 +4321,46 @@
margin-top: 0;
}
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #ffcd2e;
+ color: #212529;
+ border-color: #ffcd2e;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #ffc50c;
+ color: #212529;
+ border-color: #ffc50c;
+}
+
.p-breadcrumb {
background: #1e1e1e;
border: 1px solid #383838;
border-radius: 3px;
padding: 1rem;
}
-.p-breadcrumb ul li .p-menuitem-link {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: box-shadow 0.2s;
border-radius: 3px;
}
-.p-breadcrumb ul li .p-menuitem-link:focus {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
@@ -4527,39 +4373,8 @@
border-radius: 3px;
width: 12.5rem;
}
-.p-contextmenu .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-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .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 {
- 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-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:focus {
+.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe284;
}
.p-contextmenu .p-submenu-list {
padding: 0.25rem 0;
@@ -4568,16 +4383,59 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-active > .p-menuitem-link {
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.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.p-menuitem-active > .p-menuitem-link .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.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.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-menu-separator {
+.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:not(.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:not(.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: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: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-menuitem-separator {
border-top: 1px solid #383838;
margin: 0.25rem 0;
}
@@ -4585,78 +4443,71 @@
font-size: 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-action {
+.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-link {
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 {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
- .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list {
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
- .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container {
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
- .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
- .p-dock.p-dock-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 {
+ .p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
@@ -4668,90 +4519,60 @@
border: 1px solid #383838;
border-radius: 3px;
}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .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 {
- 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 {
- 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 {
+.p-megamenu .p-megamenu-root-list {
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-active > .p-menuitem-link,
-.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- 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 {
- 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 {
- 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 {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-megamenu .p-menuitem-link {
- padding: 0.75rem 1rem;
+.p-megamenu .p-menuitem > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
border-radius: 0;
- transition: box-shadow 0.2s;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
user-select: none;
}
-.p-megamenu .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-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-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);
}
-.p-megamenu .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.03);
}
-.p-megamenu .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-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.87);
}
-.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.03);
+}
+.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-menuitem:not(.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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe284;
+.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:not(.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: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: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: #1e1e1e;
@@ -4759,7 +4580,7 @@
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);
@@ -4768,27 +4589,48 @@
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;
}
+.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-menu {
padding: 0.25rem 0;
@@ -4798,39 +4640,57 @@
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 {
+ 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:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe284;
+.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;
@@ -4846,7 +4706,7 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
}
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
border-top: 1px solid #383838;
margin: 0.25rem 0;
}
@@ -4858,89 +4718,89 @@
border: 1px solid #383838;
border-radius: 3px;
}
-.p-menubar .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-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-menubar .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 {
- color: rgba(255, 255, 255, 0.6);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .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.87);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-menubar .p-menuitem-link:focus {
+.p-menubar .p-menubar-root-list {
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-menubar-root-list > .p-menuitem > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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 > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe284;
+.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-active > .p-menuitem-link,
-.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.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-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.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-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.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-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.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-submenu-list {
@@ -4950,22 +4810,13 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem.p-menuitem-active > .p-menuitem-link {
- 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-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);
-}
@media screen and (max-width: 960px) {
.p-menubar {
@@ -4997,56 +4848,22 @@
box-shadow: 0 2px 4px -1px rgba(0, 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: 100%;
}
- .p-menubar .p-menubar-root-list .p-menu-separator {
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
border-top: 1px solid #383838;
margin: 0.25rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
- .p-menubar .p-menubar-root-list > .p-menuitem {
+ .p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list > .p-menuitem > .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-menubar .p-menubar-root-list > .p-menuitem > .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 {
- 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 {
- 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:not(.p-disabled):hover .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 {
- 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 {
- 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 #ffe284;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5059,26 +4876,26 @@
transition: transform 0.2s;
transform: rotate(90deg);
}
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 5.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 6.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 8.25rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5089,42 +4906,45 @@
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-action {
+ padding: 1rem;
+ font-weight: 600;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a:focus {
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .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);
@@ -5140,66 +4960,91 @@
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 {
+ 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:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe284;
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
}
-.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+.p-panelmenu .p-panelmenu-content .p-menuitem-separator {
+ border-top: 1px solid #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;
}
@@ -5208,80 +5053,6 @@
border-bottom-left-radius: 3px;
}
-.p-slidemenu {
- padding: 0.25rem 0;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- width: 12.5rem;
-}
-.p-slidemenu .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-slidemenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .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 {
- 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:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .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-slidemenu-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-slidemenu .p-slidemenu-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-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
- background: rgba(255, 255, 255, 0.03);
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.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: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-slidemenu-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
-}
-.p-slidemenu .p-slidemenu-icon {
- font-size: 0.875rem;
-}
-.p-slidemenu .p-slidemenu-backward {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
-}
-
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
@@ -5347,7 +5118,6 @@
border-top-left-radius: 3px;
transition: box-shadow 0.2s;
margin: 0 0 -2px 0;
- height: calc(100% + 2px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
@@ -5376,61 +5146,73 @@
border-radius: 3px;
width: 12.5rem;
}
-.p-tieredmenu .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-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .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 {
- 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 {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe284;
-}
.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-active > .p-menuitem-link {
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.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.p-menuitem-active > .p-menuitem-link .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.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.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-menu-separator {
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.03);
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ 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: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: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 #383838;
margin: 0.25rem 0;
}
@@ -5698,7 +5480,7 @@
border-radius: 50%;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.1);
+ background: #4c4c4c;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(255, 213, 79, 0.16);
@@ -5742,9 +5524,6 @@
background: rgba(255, 255, 255, 0.1);
color: #f8f9fa;
}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- transition: box-shadow 0.2s;
-}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
@@ -5818,6 +5597,48 @@
border: 2px solid #1e1e1e;
}
+.p-badge {
+ background: #FFD54F;
+ color: #212529;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #78909C;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #C5E1A5;
+ color: #121212;
+}
+.p-badge.p-badge-info {
+ background-color: #81D4FA;
+ color: #121212;
+}
+.p-badge.p-badge-warning {
+ background-color: #FFE082;
+ color: #121212;
+}
+.p-badge.p-badge-danger {
+ background-color: #F48FB1;
+ color: #121212;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
.p-chip {
background-color: #383838;
color: rgba(255, 255, 255, 0.87);
@@ -5839,9 +5660,9 @@
margin-right: 0.5rem;
}
.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-left: 0.5rem;
}
.p-chip .p-chip-remove-icon:focus {
outline: 0 none;
@@ -5849,6 +5670,37 @@
box-shadow: 0 0 0 1px #ffe284;
}
+.p-inplace .p-inplace-display {
+ padding: 0.5rem 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 1.5rem;
+ background: #383838;
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #FFD54F;
+}
+.p-progressbar .p-progressbar-label {
+ color: #212529;
+ line-height: 1.5rem;
+}
+
.p-scrolltop {
width: 3rem;
height: 3rem;
@@ -5904,37 +5756,6 @@
font-size: 0.75rem;
}
-.p-inplace .p-inplace-display {
- padding: 0.5rem 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
-}
-
-.p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #383838;
- border-radius: 3px;
-}
-.p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #FFD54F;
-}
-.p-progressbar .p-progressbar-label {
- color: #212529;
- line-height: 1.5rem;
-}
-
.p-terminal {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
@@ -5946,73 +5767,6 @@
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
-.p-badge {
- background: #FFD54F;
- color: #212529;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
-}
-.p-badge.p-badge-secondary {
- background-color: #78909C;
- color: #ffffff;
-}
-.p-badge.p-badge-success {
- background-color: #C5E1A5;
- color: #121212;
-}
-.p-badge.p-badge-info {
- background-color: #81D4FA;
- color: #121212;
-}
-.p-badge.p-badge-warning {
- background-color: #FFE082;
- color: #121212;
-}
-.p-badge.p-badge-danger {
- background-color: #F48FB1;
- color: #121212;
-}
-.p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
-}
-.p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
-}
-
-.p-tag {
- background: #FFD54F;
- color: #212529;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 3px;
-}
-.p-tag.p-tag-success {
- background-color: #C5E1A5;
- color: #121212;
-}
-.p-tag.p-tag-info {
- background-color: #81D4FA;
- color: #121212;
-}
-.p-tag.p-tag-warning {
- background-color: #FFE082;
- color: #121212;
-}
-.p-tag.p-tag-danger {
- background-color: #F48FB1;
- color: #121212;
-}
-
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #FFD54F;
diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css
index f6cedab..80d763f 100644
--- a/public/themes/arya-purple/theme.css
+++ b/public/themes/arya-purple/theme.css
@@ -40,8 +40,8 @@
--surface-overlay:#1e1e1e;
--surface-border:#383838;
--surface-hover:rgba(255,255,255,.03);
- --maskbg: rgba(0, 0, 0, 0.4);
--focus-ring: 0 0 0 1px #cf95d9;
+ --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: dark;
}
@@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
-.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.5rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #BA68C8;
}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
border-color: #BA68C8;
}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.25rem 0.5rem;
+ gap: 0.5rem;
+}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
@@ -265,14 +266,17 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: rgba(186, 104, 200, 0.16);
+ background: #383838;
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
+ border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #464646;
+ color: rgba(255, 255, 255, 0.87);
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@@ -296,14 +300,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
-}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(186, 104, 200, 0.16);
}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: rgba(186, 104, 200, 0.24);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
@@ -494,10 +505,10 @@
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
+ border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
- border-left: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03);
@@ -585,22 +596,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1rem;
-}
-.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 #cf95d9;
-}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(186, 104, 200, 0.16);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: rgba(186, 104, 200, 0.24);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.5rem 1rem;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@@ -637,11 +650,6 @@
border-color: #BA68C8;
background: #BA68C8;
}
-.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
- border-color: #a241b2;
- background: #a241b2;
- color: #ffffff;
-}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: #BA68C8;
}
@@ -673,24 +681,28 @@
background: #a241b2;
}
-.p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.5rem;
-}
-.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #BA68C8;
}
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
border-color: #BA68C8;
}
+.p-chips .p-chips-multiple-container {
+ padding: 0.25rem 0.5rem;
+}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
- background: rgba(186, 104, 200, 0.16);
+ background: #383838;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #464646;
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@@ -752,7 +764,7 @@
.p-dropdown .p-dropdown-label.p-placeholder {
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown .p-dropdown-label:enabled:focus {
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
@@ -795,13 +807,6 @@
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
- padding-right: 3rem;
- margin-right: -3rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
- right: 2rem;
-}
.p-dropdown-panel .p-dropdown-items {
padding: 0.5rem 0;
}
@@ -818,6 +823,13 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(186, 104, 200, 0.16);
}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: rgba(186, 104, 200, 0.24);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -1059,7 +1071,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #b052c0;
}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
+.p-inputswitch.p-invalid {
border-color: #ef9a9a;
}
@@ -1101,13 +1113,11 @@
transition-duration: 0.2s;
}
-.p-float-label > label.p-error {
+.p-float-label > .p-invalid + label {
color: #ef9a9a;
}
-.p-input-icon-left > i:first-of-type,
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > i:first-of-type {
left: 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1120,9 +1130,7 @@
left: 2rem;
}
-.p-input-icon-right > i:last-of-type,
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1172,6 +1180,7 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-listbox .p-listbox-header {
padding: 0.5rem 1rem;
@@ -1191,6 +1200,7 @@
}
.p-listbox .p-listbox-list {
padding: 0.5rem 0;
+ outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
@@ -1204,11 +1214,6 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(186, 104, 200, 0.16);
}
-.p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #cf95d9;
-}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 0.75rem 1rem;
@@ -1221,42 +1226,27 @@
color: rgba(255, 255, 255, 0.87);
background: transparent;
}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: rgba(186, 104, 200, 0.24);
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+ border-color: #BA68C8;
+}
.p-listbox.p-invalid {
border-color: #ef9a9a;
}
-.p-mention-panel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-}
-.p-mention-panel .p-mention-items {
- padding: 0.5rem 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
-}
-.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16);
-}
-
.p-multiselect {
background: #121212;
border: 1px solid #383838;
@@ -1272,9 +1262,6 @@
box-shadow: 0 0 0 1px #cf95d9;
border-color: #BA68C8;
}
-.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.5rem;
-}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1285,9 +1272,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
- background: rgba(186, 104, 200, 0.16);
+ background: #383838;
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
+ border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
@@ -1299,10 +1286,6 @@
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
-.p-multiselect .p-multiselect-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 2.357rem;
-}
.p-multiselect.p-invalid.p-component {
border-color: #ef9a9a;
}
@@ -1310,12 +1293,6 @@
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.25rem 0.5rem;
}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
- padding: 0.5rem 0.5rem;
-}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.5rem;
-}
.p-multiselect-panel {
background: #1e1e1e;
@@ -1333,9 +1310,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
- margin: 0 0.5rem;
-}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.5rem;
}
@@ -1343,7 +1317,11 @@
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
@@ -1378,15 +1356,17 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(186, 104, 200, 0.16);
}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: rgba(186, 104, 200, 0.24);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #cf95d9;
-}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
@@ -1438,15 +1418,6 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #C5E1A5;
}
-.p-password-panel .p-password-info.weak {
- color: #F48FB1;
-}
-.p-password-panel .p-password-info.medium {
- color: #FFE082;
-}
-.p-password-panel .p-password-info.strong {
- color: #C5E1A5;
-}
.p-radiobutton {
width: 20px;
@@ -1516,10 +1487,11 @@
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #F48FB1;
}
-.p-rating .p-rating-item:focus {
+.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
+ border-color: #BA68C8;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #BA68C8;
@@ -1663,50 +1635,6 @@
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
-.p-treeselect-panel .p-treeselect-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
- margin-right: 0.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
- padding-right: 1.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 3rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 2rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- 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: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
-}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
@@ -1736,6 +1664,12 @@
.p-togglebutton.p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+ border-color: #BA68C8;
+}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
border-color: #383838;
@@ -1776,12 +1710,12 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
-.p-button:enabled:hover, .p-button:not(button):not(a):not(.p-disabled):hover {
+.p-button:enabled:hover {
background: #b052c0;
color: #ffffff;
border-color: #b052c0;
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: #a241b2;
color: #ffffff;
border-color: #a241b2;
@@ -1791,12 +1725,12 @@
color: #BA68C8;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined:enabled:hover {
background: rgba(186, 104, 200, 0.04);
color: #BA68C8;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined:enabled:active {
background: rgba(186, 104, 200, 0.16);
color: #BA68C8;
border: 1px solid;
@@ -1805,11 +1739,11 @@
color: rgba(255, 255, 255, 0.6);
border-color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:hover, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:active, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1818,12 +1752,12 @@
color: #BA68C8;
border-color: transparent;
}
-.p-button.p-button-text:enabled:hover, .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text:enabled:hover {
background: rgba(186, 104, 200, 0.04);
color: #BA68C8;
border-color: transparent;
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active {
background: rgba(186, 104, 200, 0.16);
color: #BA68C8;
border-color: transparent;
@@ -1831,11 +1765,11 @@
.p-button.p-button-text.p-button-plain {
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:hover, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:active, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1844,6 +1778,9 @@
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1896,20 +1833,11 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
+.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
- margin-right: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
- margin-top: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
- margin-bottom: 0.5rem;
-}
.p-button.p-button-loading-label-only .p-button-loading-icon {
- margin: 0;
+ margin-right: 0;
}
.p-fluid .p-button {
@@ -1925,295 +1853,295 @@
flex: 1;
}
-.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 {
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #78909C;
border: 1px solid #78909C;
}
-.p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary:enabled:hover, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #69838f;
color: #ffffff;
border-color: #69838f;
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #a1b1ba;
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #5d747f;
color: #ffffff;
border-color: #5d747f;
}
-.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #78909C;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(120, 144, 156, 0.04);
color: #78909C;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(120, 144, 156, 0.16);
color: #78909C;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #78909C;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-text:enabled:hover, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(120, 144, 156, 0.04);
border-color: transparent;
color: #78909C;
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(120, 144, 156, 0.16);
border-color: transparent;
color: #78909C;
}
-.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #121212;
background: #81D4FA;
border: 1px solid #81D4FA;
}
-.p-button.p-button-info:enabled:hover, .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info:enabled:hover, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #5dc8f9;
color: #121212;
border-color: #5dc8f9;
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #a7e1fc;
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #38bbf7;
color: #121212;
border-color: #38bbf7;
}
-.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #81D4FA;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:hover, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(129, 212, 250, 0.04);
color: #81D4FA;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(129, 212, 250, 0.16);
color: #81D4FA;
border: 1px solid;
}
-.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #81D4FA;
border-color: transparent;
}
-.p-button.p-button-info.p-button-text:enabled:hover, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(129, 212, 250, 0.04);
border-color: transparent;
color: #81D4FA;
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(129, 212, 250, 0.16);
border-color: transparent;
color: #81D4FA;
}
-.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #121212;
background: #C5E1A5;
border: 1px solid #C5E1A5;
}
-.p-button.p-button-success:enabled:hover, .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success:enabled:hover, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #b2d788;
color: #121212;
border-color: #b2d788;
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #d6eac0;
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #9fce6b;
color: #121212;
border-color: #9fce6b;
}
-.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #C5E1A5;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:hover, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(197, 225, 165, 0.04);
color: #C5E1A5;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(197, 225, 165, 0.16);
color: #C5E1A5;
border: 1px solid;
}
-.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #C5E1A5;
border-color: transparent;
}
-.p-button.p-button-success.p-button-text:enabled:hover, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(197, 225, 165, 0.04);
border-color: transparent;
color: #C5E1A5;
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(197, 225, 165, 0.16);
border-color: transparent;
color: #C5E1A5;
}
-.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #121212;
background: #FFE082;
border: 1px solid #FFE082;
}
-.p-button.p-button-warning:enabled:hover, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning:enabled:hover, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #ffd65c;
color: #121212;
border-color: #ffd65c;
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #ffe9a8;
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #ffcd35;
color: #121212;
border-color: #ffcd35;
}
-.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #FFE082;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(255, 224, 130, 0.04);
color: #FFE082;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(255, 224, 130, 0.16);
color: #FFE082;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #FFE082;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-text:enabled:hover, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(255, 224, 130, 0.04);
border-color: transparent;
color: #FFE082;
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(255, 224, 130, 0.16);
border-color: transparent;
color: #FFE082;
}
-.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #121212;
background: #CE93D8;
border: 1px solid #CE93D8;
}
-.p-button.p-button-help:enabled:hover, .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help:enabled:hover, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #c278ce;
color: #121212;
border-color: #c278ce;
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #ddb3e4;
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #b65ec5;
color: #121212;
border-color: #b65ec5;
}
-.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #CE93D8;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:hover, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(206, 147, 216, 0.04);
color: #CE93D8;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(206, 147, 216, 0.16);
color: #CE93D8;
border: 1px solid;
}
-.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #CE93D8;
border-color: transparent;
}
-.p-button.p-button-help.p-button-text:enabled:hover, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(206, 147, 216, 0.04);
border-color: transparent;
color: #CE93D8;
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(206, 147, 216, 0.16);
border-color: transparent;
color: #CE93D8;
}
-.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #121212;
background: #F48FB1;
border: 1px solid #F48FB1;
}
-.p-button.p-button-danger:enabled:hover, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger:enabled:hover, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #f16c98;
color: #121212;
border-color: #f16c98;
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #f7b1c8;
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #ed4980;
color: #121212;
border-color: #ed4980;
}
-.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #F48FB1;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(244, 143, 177, 0.04);
color: #F48FB1;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(244, 143, 177, 0.16);
color: #F48FB1;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #F48FB1;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-text:enabled:hover, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(244, 143, 177, 0.04);
border-color: transparent;
color: #F48FB1;
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(244, 143, 177, 0.16);
border-color: transparent;
color: #F48FB1;
@@ -2224,25 +2152,89 @@
background: transparent;
border: transparent;
}
-.p-button.p-button-link:enabled:hover, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-link:enabled:hover {
background: transparent;
color: #BA68C8;
border-color: transparent;
}
-.p-button.p-button-link:enabled:hover .p-button-label, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
+.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
-.p-button.p-button-link:enabled:focus, .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: 0 0 0 1px #cf95d9;
border-color: transparent;
}
-.p-button.p-button-link:enabled:active, .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-link:enabled:active {
background: transparent;
color: #BA68C8;
border-color: transparent;
}
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: rgba(255, 255, 255, 0.87);
+ color: #121212;
+}
+.p-speeddial-action:hover {
+ background: rgba(255, 255, 255, 0.6);
+ color: #121212;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
.p-splitbutton {
border-radius: 3px;
}
@@ -2495,70 +2487,6 @@
color: #F48FB1;
}
-.p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
-}
-.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
-}
-
-.p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: rgba(255, 255, 255, 0.87);
- color: #121212;
-}
-.p-speeddial-action:hover {
- background: rgba(255, 255, 255, 0.6);
- color: #121212;
-}
-
-.p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
-}
-
-.p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
-}
-
-.p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
-}
-
-.p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
-}
-
-.p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
-}
-.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
-}
-
-.p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
-}
-
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
@@ -2597,7 +2525,7 @@
border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: rgba(255, 255, 255, 0.03);
+ background: #4c4c4c;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: rgba(186, 104, 200, 0.16);
@@ -2660,11 +2588,11 @@
background: rgba(186, 104, 200, 0.16);
margin-left: 0.5rem;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-datatable .p-sortable-column.p-highlight {
@@ -2674,11 +2602,11 @@
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: #BA68C8;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column.p-highlight:hover {
background: rgba(255, 255, 255, 0.03);
color: #BA68C8;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
color: #BA68C8;
}
.p-datatable .p-sortable-column:focus {
@@ -2730,9 +2658,9 @@
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 600;
}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
- background: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87);
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid #cf95d9;
+ outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: rgba(186, 104, 200, 0.16);
@@ -2744,23 +2672,7 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 rgba(186, 104, 200, 0.16);
}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
- outline: 0.15rem solid #cf95d9;
- 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: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
- outline: 0.15rem solid #cf95d9;
- outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
@@ -2800,22 +2712,31 @@
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: rgba(255, 255, 255, 0.01);
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
+ background: #242424;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: rgba(186, 104, 200, 0.16);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
- background: rgba(255, 255, 255, 0.01);
-}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
@@ -2847,10 +2768,6 @@
padding: 1.25rem 1.25rem;
}
-.p-datatable-drag-selection-helper {
- background: rgba(186, 104, 200, 0.16);
-}
-
.p-dataview .p-paginator-top {
border-width: 1px 0 1px 0;
border-radius: 0;
@@ -2887,46 +2804,6 @@
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
-.p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
-}
-
-.p-datascroller .p-paginator-top {
- border-width: 1px 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-datascroller-header {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
-}
-.p-datascroller .p-datascroller-content {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- padding: 0;
-}
-.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
- border: solid #383838;
- border-width: 0 0 1px 0;
-}
-.p-datascroller .p-datascroller-footer {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
-}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
@@ -3352,19 +3229,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-orderlist .p-orderlist-filter-container {
- padding: 1rem;
- background: #1e1e1e;
- border: 1px solid #383838;
- border-bottom: 0 none;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.5rem;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-orderlist .p-orderlist-list {
border: 1px solid #383838;
background: #1e1e1e;
@@ -3401,22 +3265,6 @@
background: rgba(255, 255, 255, 0.03);
}
-@media screen and (max-width: 960px) {
- .p-orderlist {
- flex-direction: column;
- }
- .p-orderlist .p-orderlist-controls {
- padding: 1rem;
- flex-direction: row;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-controls .p-button:last-child {
- margin-right: 0;
- }
-}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
@@ -3495,6 +3343,7 @@
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
+ margin-right: 0.5rem;
height: 2.286em;
}
.p-paginator .p-dropdown .p-dropdown-label {
@@ -3553,19 +3402,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-picklist .p-picklist-filter-container {
- padding: 1rem;
- background: #1e1e1e;
- border: 1px solid #383838;
- border-bottom: 0 none;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.5rem;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-picklist .p-picklist-list {
border: 1px solid #383838;
background: #1e1e1e;
@@ -3595,35 +3431,38 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(186, 104, 200, 0.16);
}
-
-@media screen and (max-width: 960px) {
- .p-picklist {
- flex-direction: column;
- }
- .p-picklist .p-picklist-buttons {
- padding: 1rem;
- flex-direction: row;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-buttons .p-button:last-child {
- margin-right: 0;
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
- content: "\e930";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
- content: "\e92c";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
- content: "\e933";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
- content: "\e92f";
- }
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: rgba(255, 255, 255, 0.01);
}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 2px solid #BA68C8;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #1e1e1e;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #383838;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
.p-tree {
border: 1px solid #383838;
background: #1e1e1e;
@@ -3690,10 +3529,6 @@
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
@@ -3711,12 +3546,6 @@
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
-.p-tree .p-treenode-droppoint {
- height: 0.5rem;
-}
-.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
- background: rgba(162, 65, 178, 0.16);
-}
.p-treetable .p-paginator-top {
border-width: 1px 0 1px 0;
@@ -3842,11 +3671,11 @@
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: rgba(255, 255, 255, 0.87);
}
.p-treetable .p-column-resizer-helper {
@@ -3911,31 +3740,6 @@
padding: 1.25rem 1.25rem;
}
-.p-timeline .p-timeline-event-marker {
- border: 2px solid #BA68C8;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #1e1e1e;
-}
-.p-timeline .p-timeline-event-connector {
- background-color: #383838;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
-}
-
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem;
border: 1px solid #383838;
@@ -3951,7 +3755,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
+ box-shadow: inset 0 0 0 1px #cf95d9;
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: rgba(255, 255, 255, 0.03);
@@ -4005,7 +3809,7 @@
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
-.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-content {
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
@@ -4068,6 +3872,9 @@
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: rgba(255, 255, 255, 0.03);
border-color: #383838;
@@ -4151,6 +3958,17 @@
border-top: 0 none;
}
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #383838;
+ border: 0 none;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+
.p-splitter {
border: 1px solid #383838;
background: #1e1e1e;
@@ -4163,16 +3981,17 @@
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: #383838;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
}
.p-splitter .p-splitter-gutter-resizing {
background: #383838;
}
-.p-scrollpanel .p-scrollpanel-bar {
- background: #383838;
- border: 0 none;
-}
-
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #383838;
@@ -4209,9 +4028,6 @@
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;
@@ -4464,9 +4280,12 @@
border-bottom: 0 none;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
+ gap: 0.5rem;
}
-.p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
}
.p-fileupload .p-fileupload-content {
background: #1e1e1e;
@@ -4476,6 +4295,22 @@
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #383838;
+ border-radius: 3px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
.p-fileupload .p-progressbar {
height: 0.25rem;
}
@@ -4486,35 +4321,46 @@
margin-top: 0;
}
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #b052c0;
+ color: #ffffff;
+ border-color: #b052c0;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #a241b2;
+ color: #ffffff;
+ border-color: #a241b2;
+}
+
.p-breadcrumb {
background: #1e1e1e;
border: 1px solid #383838;
border-radius: 3px;
padding: 1rem;
}
-.p-breadcrumb ul li .p-menuitem-link {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: box-shadow 0.2s;
border-radius: 3px;
}
-.p-breadcrumb ul li .p-menuitem-link:focus {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
@@ -4527,39 +4373,8 @@
border-radius: 3px;
width: 12.5rem;
}
-.p-contextmenu .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-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .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 {
- 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-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:focus {
+.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #cf95d9;
}
.p-contextmenu .p-submenu-list {
padding: 0.25rem 0;
@@ -4568,16 +4383,59 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-active > .p-menuitem-link {
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.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.p-menuitem-active > .p-menuitem-link .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.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.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-menu-separator {
+.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:not(.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:not(.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: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: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-menuitem-separator {
border-top: 1px solid #383838;
margin: 0.25rem 0;
}
@@ -4585,78 +4443,71 @@
font-size: 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-action {
+.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-link {
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 {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
- .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list {
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
- .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container {
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
- .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
- .p-dock.p-dock-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 {
+ .p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
@@ -4668,90 +4519,60 @@
border: 1px solid #383838;
border-radius: 3px;
}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .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 {
- 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 {
- 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 {
+.p-megamenu .p-megamenu-root-list {
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-active > .p-menuitem-link,
-.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- 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 {
- 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 {
- 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 {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-megamenu .p-menuitem-link {
- padding: 0.75rem 1rem;
+.p-megamenu .p-menuitem > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
border-radius: 0;
- transition: box-shadow 0.2s;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
user-select: none;
}
-.p-megamenu .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-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-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);
}
-.p-megamenu .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.03);
}
-.p-megamenu .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-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.87);
}
-.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.03);
+}
+.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-menuitem:not(.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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #cf95d9;
+.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:not(.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: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: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: #1e1e1e;
@@ -4759,7 +4580,7 @@
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);
@@ -4768,27 +4589,48 @@
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;
}
+.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-menu {
padding: 0.25rem 0;
@@ -4798,39 +4640,57 @@
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 {
+ 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:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #cf95d9;
+.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;
@@ -4846,7 +4706,7 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
}
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
border-top: 1px solid #383838;
margin: 0.25rem 0;
}
@@ -4858,89 +4718,89 @@
border: 1px solid #383838;
border-radius: 3px;
}
-.p-menubar .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-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-menubar .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 {
- color: rgba(255, 255, 255, 0.6);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .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.87);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-menubar .p-menuitem-link:focus {
+.p-menubar .p-menubar-root-list {
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-menubar-root-list > .p-menuitem > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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 > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #cf95d9;
+.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-active > .p-menuitem-link,
-.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.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-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.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-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.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-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.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-submenu-list {
@@ -4950,22 +4810,13 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem.p-menuitem-active > .p-menuitem-link {
- 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-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);
-}
@media screen and (max-width: 960px) {
.p-menubar {
@@ -4997,56 +4848,22 @@
box-shadow: 0 2px 4px -1px rgba(0, 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: 100%;
}
- .p-menubar .p-menubar-root-list .p-menu-separator {
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
border-top: 1px solid #383838;
margin: 0.25rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
- .p-menubar .p-menubar-root-list > .p-menuitem {
+ .p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list > .p-menuitem > .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-menubar .p-menubar-root-list > .p-menuitem > .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 {
- 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 {
- 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:not(.p-disabled):hover .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 {
- 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 {
- 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 #cf95d9;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5059,26 +4876,26 @@
transition: transform 0.2s;
transform: rotate(90deg);
}
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 5.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 6.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 8.25rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5089,42 +4906,45 @@
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-action {
+ padding: 1rem;
+ font-weight: 600;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a:focus {
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .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);
@@ -5140,66 +4960,91 @@
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 {
+ 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:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #cf95d9;
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
}
-.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
+.p-panelmenu .p-panelmenu-content .p-menuitem-separator {
+ border-top: 1px solid #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;
}
@@ -5208,80 +5053,6 @@
border-bottom-left-radius: 3px;
}
-.p-slidemenu {
- padding: 0.25rem 0;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- width: 12.5rem;
-}
-.p-slidemenu .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-slidemenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .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 {
- 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:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .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-slidemenu-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-slidemenu .p-slidemenu-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-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
- background: rgba(255, 255, 255, 0.03);
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.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: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-slidemenu-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
-}
-.p-slidemenu .p-slidemenu-icon {
- font-size: 0.875rem;
-}
-.p-slidemenu .p-slidemenu-backward {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
-}
-
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
@@ -5347,7 +5118,6 @@
border-top-left-radius: 3px;
transition: box-shadow 0.2s;
margin: 0 0 -2px 0;
- height: calc(100% + 2px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
@@ -5376,61 +5146,73 @@
border-radius: 3px;
width: 12.5rem;
}
-.p-tieredmenu .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-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .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 {
- 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 {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #cf95d9;
-}
.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-active > .p-menuitem-link {
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.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.p-menuitem-active > .p-menuitem-link .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.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.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-menu-separator {
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.03);
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ 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: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: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 #383838;
margin: 0.25rem 0;
}
@@ -5698,7 +5480,7 @@
border-radius: 50%;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.1);
+ background: #4c4c4c;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(186, 104, 200, 0.16);
@@ -5742,9 +5524,6 @@
background: rgba(255, 255, 255, 0.1);
color: #f8f9fa;
}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- transition: box-shadow 0.2s;
-}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
@@ -5818,6 +5597,48 @@
border: 2px solid #1e1e1e;
}
+.p-badge {
+ background: #BA68C8;
+ color: #ffffff;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #78909C;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #C5E1A5;
+ color: #121212;
+}
+.p-badge.p-badge-info {
+ background-color: #81D4FA;
+ color: #121212;
+}
+.p-badge.p-badge-warning {
+ background-color: #FFE082;
+ color: #121212;
+}
+.p-badge.p-badge-danger {
+ background-color: #F48FB1;
+ color: #121212;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
.p-chip {
background-color: #383838;
color: rgba(255, 255, 255, 0.87);
@@ -5839,9 +5660,9 @@
margin-right: 0.5rem;
}
.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-left: 0.5rem;
}
.p-chip .p-chip-remove-icon:focus {
outline: 0 none;
@@ -5849,6 +5670,37 @@
box-shadow: 0 0 0 1px #cf95d9;
}
+.p-inplace .p-inplace-display {
+ padding: 0.5rem 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 1.5rem;
+ background: #383838;
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #BA68C8;
+}
+.p-progressbar .p-progressbar-label {
+ color: #ffffff;
+ line-height: 1.5rem;
+}
+
.p-scrolltop {
width: 3rem;
height: 3rem;
@@ -5904,37 +5756,6 @@
font-size: 0.75rem;
}
-.p-inplace .p-inplace-display {
- padding: 0.5rem 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
-}
-
-.p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #383838;
- border-radius: 3px;
-}
-.p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #BA68C8;
-}
-.p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 1.5rem;
-}
-
.p-terminal {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
@@ -5946,73 +5767,6 @@
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
-.p-badge {
- background: #BA68C8;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
-}
-.p-badge.p-badge-secondary {
- background-color: #78909C;
- color: #ffffff;
-}
-.p-badge.p-badge-success {
- background-color: #C5E1A5;
- color: #121212;
-}
-.p-badge.p-badge-info {
- background-color: #81D4FA;
- color: #121212;
-}
-.p-badge.p-badge-warning {
- background-color: #FFE082;
- color: #121212;
-}
-.p-badge.p-badge-danger {
- background-color: #F48FB1;
- color: #121212;
-}
-.p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
-}
-.p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
-}
-
-.p-tag {
- background: #BA68C8;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 3px;
-}
-.p-tag.p-tag-success {
- background-color: #C5E1A5;
- color: #121212;
-}
-.p-tag.p-tag-info {
- background-color: #81D4FA;
- color: #121212;
-}
-.p-tag.p-tag-warning {
- background-color: #FFE082;
- color: #121212;
-}
-.p-tag.p-tag-danger {
- background-color: #F48FB1;
- color: #121212;
-}
-
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #BA68C8;
diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css
index 2931f66..8b946c1 100644
--- a/public/themes/bootstrap4-dark-blue/theme.css
+++ b/public/themes/bootstrap4-dark-blue/theme.css
@@ -40,8 +40,8 @@
--surface-overlay:#2a323d;
--surface-border:#3f4b5b;
--surface-hover:rgba(255,255,255,.04);
- --maskbg: rgba(0, 0, 0, 0.4);
--focus-ring: 0 0 0 1px #e3f3fe;
+ --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: dark;
}
@@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.107rem;
}
-.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.75rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #3f4b5b;
}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #e3f3fe;
border-color: #8dd0ff;
}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.25rem 0.75rem;
+ gap: 0.5rem;
+}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
@@ -265,14 +266,17 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #8dd0ff;
- color: #151515;
- border-radius: 4px;
+ background: #3f4b5b;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #4c5866;
+ color: rgba(255, 255, 255, 0.87);
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f19ea6;
}
@@ -296,14 +300,21 @@
transition: box-shadow 0.15s;
border-radius: 0;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
-}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #151515;
background: #8dd0ff;
}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: #64bfff;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
@@ -494,10 +505,10 @@
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
+ border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
- border-left: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.04);
@@ -585,22 +596,24 @@
transition: box-shadow 0.15s;
border-radius: 0;
}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1.5rem;
-}
-.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 #e3f3fe;
-}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #151515;
background: #8dd0ff;
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: #64bfff;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.12);
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.5rem 1.5rem;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@@ -637,11 +650,6 @@
border-color: #8dd0ff;
background: #8dd0ff;
}
-.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
- border-color: #1dadff;
- background: #1dadff;
- color: #151515;
-}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: #3f4b5b;
}
@@ -677,24 +685,28 @@
border-color: #151515;
}
-.p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.75rem;
-}
-.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #3f4b5b;
}
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #e3f3fe;
border-color: #8dd0ff;
}
+.p-chips .p-chips-multiple-container {
+ padding: 0.25rem 0.75rem;
+}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.75rem;
margin-right: 0.5rem;
- background: #8dd0ff;
- color: #151515;
- border-radius: 4px;
+ background: #3f4b5b;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #4c5866;
+ color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@@ -756,7 +768,7 @@
.p-dropdown .p-dropdown-label.p-placeholder {
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown .p-dropdown-label:enabled:focus {
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
@@ -799,13 +811,6 @@
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
- padding-right: 3.5rem;
- margin-right: -3.5rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
- right: 2.5rem;
-}
.p-dropdown-panel .p-dropdown-items {
padding: 0.5rem 0;
}
@@ -822,6 +827,13 @@
color: #151515;
background: #8dd0ff;
}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: #64bfff;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.12);
+}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
@@ -1063,7 +1075,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #8dd0ff;
}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
+.p-inputswitch.p-invalid {
border-color: #f19ea6;
}
@@ -1105,13 +1117,11 @@
transition-duration: 0.15s;
}
-.p-float-label > label.p-error {
+.p-float-label > .p-invalid + label {
color: #f19ea6;
}
-.p-input-icon-left > i:first-of-type,
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1124,9 +1134,7 @@
left: 2.5rem;
}
-.p-input-icon-right > i:last-of-type,
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1176,6 +1184,7 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
border-radius: 4px;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.p-listbox .p-listbox-header {
padding: 0.75rem 1.5rem;
@@ -1195,6 +1204,7 @@
}
.p-listbox .p-listbox-list {
padding: 0.5rem 0;
+ outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
@@ -1208,11 +1218,6 @@
color: #151515;
background: #8dd0ff;
}
-.p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #e3f3fe;
-}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 0.75rem 1rem;
@@ -1225,42 +1230,27 @@
color: rgba(255, 255, 255, 0.87);
background: transparent;
}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: #64bfff;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.12);
+}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+ border-color: #8dd0ff;
+}
.p-listbox.p-invalid {
border-color: #f19ea6;
}
-.p-mention-panel {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- box-shadow: none;
-}
-.p-mention-panel .p-mention-items {
- padding: 0.5rem 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
-}
-.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
- color: #151515;
- background: #8dd0ff;
-}
-
.p-multiselect {
background: #20262e;
border: 1px solid #3f4b5b;
@@ -1276,9 +1266,6 @@
box-shadow: 0 0 0 1px #e3f3fe;
border-color: #8dd0ff;
}
-.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.75rem;
-}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
@@ -1289,9 +1276,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.25rem 0.75rem;
margin-right: 0.5rem;
- background: #8dd0ff;
- color: #151515;
- border-radius: 4px;
+ background: #3f4b5b;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
@@ -1303,10 +1290,6 @@
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
-.p-multiselect .p-multiselect-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 2.357rem;
-}
.p-multiselect.p-invalid.p-component {
border-color: #f19ea6;
}
@@ -1314,12 +1297,6 @@
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.25rem 0.75rem;
}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
- padding: 0.5rem 0.75rem;
-}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.75rem;
-}
.p-multiselect-panel {
background: #2a323d;
@@ -1337,9 +1314,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
- margin: 0 0.5rem;
-}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.75rem;
}
@@ -1347,7 +1321,11 @@
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);
}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
@@ -1382,15 +1360,17 @@
color: #151515;
background: #8dd0ff;
}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: #64bfff;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.12);
+}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #e3f3fe;
-}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
@@ -1442,15 +1422,6 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #9fdaa8;
}
-.p-password-panel .p-password-info.weak {
- color: #f19ea6;
-}
-.p-password-panel .p-password-info.medium {
- color: #ffe082;
-}
-.p-password-panel .p-password-info.strong {
- color: #9fdaa8;
-}
.p-radiobutton {
width: 20px;
@@ -1524,10 +1495,11 @@
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #f19ea6;
}
-.p-rating .p-rating-item:focus {
+.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #e3f3fe;
+ border-color: #8dd0ff;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #8dd0ff;
@@ -1675,50 +1647,6 @@
border-radius: 4px;
box-shadow: none;
}
-.p-treeselect-panel .p-treeselect-header {
- padding: 0.75rem 1.5rem;
- border-bottom: 1px solid #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
- margin-right: 0.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
- padding-right: 1.75rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 3.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 2.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
-}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
@@ -1748,6 +1676,12 @@
.p-togglebutton.p-button .p-button-icon-right {
color: #ffffff;
}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+ border-color: #8dd0ff;
+}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: #5a6268;
border-color: #545b62;
@@ -1788,12 +1722,12 @@
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
border-radius: 4px;
}
-.p-button:enabled:hover, .p-button:not(button):not(a):not(.p-disabled):hover {
+.p-button:enabled:hover {
background: #56bdff;
color: #151515;
border-color: #56bdff;
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: #1dadff;
color: #151515;
border-color: #1dadff;
@@ -1803,12 +1737,12 @@
color: #8dd0ff;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined:enabled:hover {
background: rgba(141, 208, 255, 0.04);
color: #8dd0ff;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined:enabled:active {
background: rgba(141, 208, 255, 0.16);
color: #8dd0ff;
border: 1px solid;
@@ -1817,11 +1751,11 @@
color: rgba(255, 255, 255, 0.6);
border-color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:hover, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:active, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1830,12 +1764,12 @@
color: #8dd0ff;
border-color: transparent;
}
-.p-button.p-button-text:enabled:hover, .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text:enabled:hover {
background: rgba(141, 208, 255, 0.04);
color: #8dd0ff;
border-color: transparent;
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active {
background: rgba(141, 208, 255, 0.16);
color: #8dd0ff;
border-color: transparent;
@@ -1843,11 +1777,11 @@
.p-button.p-button-text.p-button-plain {
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:hover, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:active, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1856,6 +1790,9 @@
outline-offset: 0;
box-shadow: 0 0 0 1px #e3f3fe;
}
+.p-button .p-button-label {
+ transition-duration: 0.15s;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1908,20 +1845,11 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
+.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
- margin-right: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
- margin-top: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
- margin-bottom: 0.5rem;
-}
.p-button.p-button-loading-label-only .p-button-loading-icon {
- margin: 0;
+ margin-right: 0;
}
.p-fluid .p-button {
@@ -1937,295 +1865,295 @@
flex: 1;
}
-.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 {
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #6c757d;
border: 1px solid #6c757d;
}
-.p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary:enabled:hover, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #5a6268;
color: #ffffff;
border-color: #5a6268;
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 1px rgba(130, 138, 145, 0.5);
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #545b62;
color: #ffffff;
border-color: #4e555b;
}
-.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #6c757d;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(108, 117, 125, 0.04);
color: #6c757d;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(108, 117, 125, 0.16);
color: #6c757d;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #6c757d;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-text:enabled:hover, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(108, 117, 125, 0.04);
border-color: transparent;
color: #6c757d;
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(108, 117, 125, 0.16);
border-color: transparent;
color: #6c757d;
}
-.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #151515;
background: #7fd8e6;
border: 1px solid #4cc8db;
}
-.p-button.p-button-info:enabled:hover, .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info:enabled:hover, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #4cc8db;
color: #151515;
border-color: #26bdd3;
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #b1e8f0;
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #26bdd3;
color: #151515;
border-color: #00b2cc;
}
-.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #7fd8e6;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:hover, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(127, 216, 230, 0.04);
color: #7fd8e6;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(127, 216, 230, 0.16);
color: #7fd8e6;
border: 1px solid;
}
-.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #7fd8e6;
border-color: transparent;
}
-.p-button.p-button-info.p-button-text:enabled:hover, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(127, 216, 230, 0.04);
border-color: transparent;
color: #7fd8e6;
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(127, 216, 230, 0.16);
border-color: transparent;
color: #7fd8e6;
}
-.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #151515;
background: #9fdaa8;
border: 1px solid #78cc86;
}
-.p-button.p-button-success:enabled:hover, .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success:enabled:hover, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #78cc86;
color: #151515;
border-color: #5ac06c;
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #c5e8ca;
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #5ac06c;
color: #151515;
border-color: #3cb553;
}
-.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #9fdaa8;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:hover, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(159, 218, 168, 0.04);
color: #9fdaa8;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(159, 218, 168, 0.16);
color: #9fdaa8;
border: 1px solid;
}
-.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #9fdaa8;
border-color: transparent;
}
-.p-button.p-button-success.p-button-text:enabled:hover, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(159, 218, 168, 0.04);
border-color: transparent;
color: #9fdaa8;
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(159, 218, 168, 0.16);
border-color: transparent;
color: #9fdaa8;
}
-.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #151515;
background: #ffe082;
border: 1px solid #ffd54f;
}
-.p-button.p-button-warning:enabled:hover, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning:enabled:hover, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #ffd54f;
color: #151515;
border-color: #ffca28;
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #ffecb3;
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #ffca28;
color: #151515;
border-color: #ffc107;
}
-.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #ffe082;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(255, 224, 130, 0.04);
color: #ffe082;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(255, 224, 130, 0.16);
color: #ffe082;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #ffe082;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-text:enabled:hover, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(255, 224, 130, 0.04);
border-color: transparent;
color: #ffe082;
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(255, 224, 130, 0.16);
border-color: transparent;
color: #ffe082;
}
-.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #151515;
background: #b7a2e0;
border: 1px solid #9a7cd4;
}
-.p-button.p-button-help:enabled:hover, .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help:enabled:hover, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #9a7cd4;
color: #151515;
border-color: #845fca;
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #d3c7ec;
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #845fca;
color: #151515;
border-color: #6d43c0;
}
-.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #b7a2e0;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:hover, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(183, 162, 224, 0.04);
color: #b7a2e0;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(183, 162, 224, 0.16);
color: #b7a2e0;
border: 1px solid;
}
-.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #b7a2e0;
border-color: transparent;
}
-.p-button.p-button-help.p-button-text:enabled:hover, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(183, 162, 224, 0.04);
border-color: transparent;
color: #b7a2e0;
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(183, 162, 224, 0.16);
border-color: transparent;
color: #b7a2e0;
}
-.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #151515;
background: #f19ea6;
border: 1px solid #e97984;
}
-.p-button.p-button-danger:enabled:hover, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger:enabled:hover, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #e97984;
color: #151515;
border-color: #f75965;
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #ffd0d9;
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #f75965;
color: #151515;
border-color: #fd464e;
}
-.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #f19ea6;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(241, 158, 166, 0.04);
color: #f19ea6;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(241, 158, 166, 0.16);
color: #f19ea6;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #f19ea6;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-text:enabled:hover, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(241, 158, 166, 0.04);
border-color: transparent;
color: #f19ea6;
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(241, 158, 166, 0.16);
border-color: transparent;
color: #f19ea6;
@@ -2236,25 +2164,89 @@
background: transparent;
border: transparent;
}
-.p-button.p-button-link:enabled:hover, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-link:enabled:hover {
background: transparent;
color: #56bdff;
border-color: transparent;
}
-.p-button.p-button-link:enabled:hover .p-button-label, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
+.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
-.p-button.p-button-link:enabled:focus, .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: 0 0 0 1px #e3f3fe;
border-color: transparent;
}
-.p-button.p-button-link:enabled:active, .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-link:enabled:active {
background: transparent;
color: #8dd0ff;
border-color: transparent;
}
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: #343e4d;
+ color: #fff;
+}
+.p-speeddial-action:hover {
+ background: #3f4b5b;
+ color: #fff;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
.p-splitbutton {
border-radius: 4px;
}
@@ -2507,70 +2499,6 @@
color: #f19ea6;
}
-.p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
-}
-.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
-}
-
-.p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #343e4d;
- color: #fff;
-}
-.p-speeddial-action:hover {
- background: #3f4b5b;
- color: #fff;
-}
-
-.p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
-}
-
-.p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
-}
-
-.p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
-}
-
-.p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
-}
-
-.p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
-}
-.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
-}
-
-.p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
-}
-
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
@@ -2672,11 +2600,11 @@
background: #8dd0ff;
margin-left: 0.5rem;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-datatable .p-sortable-column.p-highlight {
@@ -2686,11 +2614,11 @@
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: #8dd0ff;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column.p-highlight:hover {
background: rgba(255, 255, 255, 0.04);
color: #8dd0ff;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
color: #8dd0ff;
}
.p-datatable .p-sortable-column:focus {
@@ -2742,9 +2670,9 @@
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 600;
}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
- background: #8dd0ff;
- color: #151515;
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid #e3f3fe;
+ outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: #8dd0ff;
@@ -2756,23 +2684,7 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #8dd0ff;
}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
- outline: 0.15rem solid #e3f3fe;
- 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: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
- outline: 0.15rem solid #e3f3fe;
- outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
@@ -2812,22 +2724,31 @@
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #2f3641;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #8dd0ff;
color: #151515;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #151515;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #151515;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
- background: #2f3641;
-}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
@@ -2859,10 +2780,6 @@
padding: 1.25rem 1.25rem;
}
-.p-datatable-drag-selection-helper {
- background: rgba(141, 208, 255, 0.16);
-}
-
.p-dataview .p-paginator-top {
border-width: 0;
border-radius: 0;
@@ -2899,46 +2816,6 @@
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
-.p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
-}
-
-.p-datascroller .p-paginator-top {
- border-width: 0;
- border-radius: 0;
-}
-.p-datascroller .p-paginator-bottom {
- border-width: 1px 0 0 0;
- border-radius: 0;
-}
-.p-datascroller .p-datascroller-header {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.6);
- border: solid #3f4b5b;
- border-width: 1px 0 0 0;
- padding: 1rem 1rem;
- font-weight: 600;
-}
-.p-datascroller .p-datascroller-content {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- padding: 0;
-}
-.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
- border: 1px solid #3f4b5b;
- border-width: 1px 0 0 0;
-}
-.p-datascroller .p-datascroller-footer {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-width: 1px 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px;
-}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
@@ -3364,19 +3241,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-orderlist .p-orderlist-filter-container {
- padding: 1rem 1.25rem;
- background: #2a323d;
- border: 1px solid #3f4b5b;
- border-bottom: 0 none;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.75rem;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-orderlist .p-orderlist-list {
border: 1px solid #3f4b5b;
background: #2a323d;
@@ -3413,22 +3277,6 @@
background: rgba(255, 255, 255, 0.04);
}
-@media screen and (max-width: 769px) {
- .p-orderlist {
- flex-direction: column;
- }
- .p-orderlist .p-orderlist-controls {
- padding: 1.25rem;
- flex-direction: row;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-controls .p-button:last-child {
- margin-right: 0;
- }
-}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
@@ -3507,6 +3355,7 @@
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
+ margin-right: 0.5rem;
height: 2.357rem;
}
.p-paginator .p-dropdown .p-dropdown-label {
@@ -3565,19 +3414,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-picklist .p-picklist-filter-container {
- padding: 1rem 1.25rem;
- background: #2a323d;
- border: 1px solid #3f4b5b;
- border-bottom: 0 none;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.75rem;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-picklist .p-picklist-list {
border: 1px solid #3f4b5b;
background: #2a323d;
@@ -3607,35 +3443,38 @@
color: #151515;
background: #8dd0ff;
}
-
-@media screen and (max-width: 769px) {
- .p-picklist {
- flex-direction: column;
- }
- .p-picklist .p-picklist-buttons {
- padding: 1.25rem;
- flex-direction: row;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-buttons .p-button:last-child {
- margin-right: 0;
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
- content: "\e930";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
- content: "\e92c";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
- content: "\e933";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
- content: "\e92f";
- }
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: rgba(255, 255, 255, 0.02);
}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 0 none;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #8dd0ff;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #3f4b5b;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
.p-tree {
border: 1px solid #3f4b5b;
background: #2a323d;
@@ -3673,7 +3512,7 @@
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
+ color: #3f4b5b;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
margin-right: 0.5rem;
@@ -3702,10 +3541,6 @@
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
-}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
@@ -3723,12 +3558,6 @@
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
-.p-tree .p-treenode-droppoint {
- height: 0.5rem;
-}
-.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
- background: #3eafff;
-}
.p-treetable .p-paginator-top {
border-width: 0;
@@ -3854,11 +3683,11 @@
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: #151515;
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: rgba(255, 255, 255, 0.87);
}
.p-treetable .p-column-resizer-helper {
@@ -3923,31 +3752,6 @@
padding: 1.25rem 1.25rem;
}
-.p-timeline .p-timeline-event-marker {
- border: 0 none;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #8dd0ff;
-}
-.p-timeline .p-timeline-event-connector {
- background-color: #3f4b5b;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
-}
-
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem 1.25rem;
border: 1px solid #3f4b5b;
@@ -3963,7 +3767,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
+ box-shadow: inset 0 0 0 1px #e3f3fe;
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: rgba(255, 255, 255, 0.04);
@@ -4017,7 +3821,7 @@
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
-.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-content {
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
@@ -4080,6 +3884,9 @@
outline-offset: 0;
box-shadow: 0 0 0 1px #e3f3fe;
}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: rgba(255, 255, 255, 0.04);
border-color: #3f4b5b;
@@ -4163,6 +3970,17 @@
border-top: 0 none;
}
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #3f4b5b;
+ border: 0 none;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
+
.p-splitter {
border: 1px solid #3f4b5b;
background: #2a323d;
@@ -4175,16 +3993,17 @@
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: #3f4b5b;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
}
.p-splitter .p-splitter-gutter-resizing {
background: #3f4b5b;
}
-.p-scrollpanel .p-scrollpanel-bar {
- background: #3f4b5b;
- border: 0 none;
-}
-
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #3f4b5b;
@@ -4221,9 +4040,6 @@
border-color: #3f4b5b #3f4b5b #2a323d #3f4b5b;
color: rgba(255, 255, 255, 0.6);
}
-.p-tabview .p-tabview-close {
- margin-left: 0.5rem;
-}
.p-tabview .p-tabview-nav-btn.p-link {
background: #2a323d;
color: rgba(255, 255, 255, 0.6);
@@ -4476,9 +4292,12 @@
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
+ gap: 0.5rem;
}
-.p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
}
.p-fileupload .p-fileupload-content {
background: #2a323d;
@@ -4488,6 +4307,22 @@
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #3f4b5b;
+ border-radius: 4px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
.p-fileupload .p-progressbar {
height: 0.25rem;
}
@@ -4498,35 +4333,46 @@
margin-top: 0;
}
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #56bdff;
+ color: #151515;
+ border-color: #56bdff;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #1dadff;
+ color: #151515;
+ border-color: #1dadff;
+}
+
.p-breadcrumb {
background: #343e4d;
border: 0 none;
border-radius: 4px;
padding: 1rem;
}
-.p-breadcrumb ul li .p-menuitem-link {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: box-shadow 0.15s;
border-radius: 4px;
}
-.p-breadcrumb ul li .p-menuitem-link:focus {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #e3f3fe;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: #8dd0ff;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: #8dd0ff;
}
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: rgba(255, 255, 255, 0.87);
}
@@ -4539,39 +4385,8 @@
border-radius: 4px;
width: 12.5rem;
}
-.p-contextmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .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 {
- 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-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:focus {
+.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #e3f3fe;
}
.p-contextmenu .p-submenu-list {
padding: 0.5rem 0;
@@ -4580,16 +4395,59 @@
box-shadow: none;
border-radius: 4px;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
background: #20262e;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .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.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.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-menu-separator {
+.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:not(.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: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: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: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-menuitem-separator {
border-top: 1px solid #3f4b5b;
margin: 0.5rem 0;
}
@@ -4597,78 +4455,71 @@
font-size: 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-action {
+.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-link {
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 {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
- .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list {
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
- .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container {
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
- .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
- .p-dock.p-dock-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 {
+ .p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
@@ -4680,98 +4531,68 @@
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;
- transition: box-shadow 0.15s;
- 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-megamenu-root-list > .p-menuitem > .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 {
- 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 {
- 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 {
+.p-megamenu .p-megamenu-root-list {
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-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 {
+.p-megamenu .p-menuitem > .p-menuitem-content {
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 {
- 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 {
- 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.15s;
+ border-radius: 0;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
user-select: none;
}
-.p-megamenu .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-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-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);
}
-.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ background: #20262e;
+}
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #20262e;
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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.87);
}
-.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #e3f3fe;
-}
.p-megamenu .p-megamenu-panel {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
box-shadow: none;
}
-.p-megamenu .p-megamenu-submenu-header {
+.p-megamenu .p-submenu-header {
margin: 0;
padding: 0.75rem 1rem;
color: rgba(255, 255, 255, 0.87);
@@ -4780,27 +4601,48 @@
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;
}
+.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-menu {
padding: 0.5rem 0;
@@ -4810,40 +4652,58 @@
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 {
+ 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: #20262e;
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #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:not(.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-link:not(.p-disabled):hover .p-menuitem-text {
+.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-link:not(.p-disabled):hover .p-menuitem-icon {
+.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-menuitem-link:not(.p-disabled):hover .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 #e3f3fe;
-}
.p-menu.p-menu-overlay {
background: #2a323d;
border: 1px solid #3f4b5b;
@@ -4858,7 +4718,7 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
}
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
border-top: 1px solid #3f4b5b;
margin: 0.5rem 0;
}
@@ -4870,89 +4730,89 @@
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;
- transition: box-shadow 0.15s;
- user-select: none;
-}
-.p-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-menubar .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 {
- color: rgba(255, 255, 255, 0.6);
-}
-.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 {
- 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.87);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-menubar .p-menuitem-link:focus {
+.p-menubar .p-menubar-root-list {
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;
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
color: rgba(255, 255, 255, 0.6);
- border-radius: 4px;
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-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.6);
}
-.p-menubar .p-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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: transparent;
}
-.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: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-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-menubar-root-list > .p-menuitem > .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.15s;
+ border-radius: 0;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #e3f3fe;
+.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-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 > .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-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.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ background: #20262e;
+}
+.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-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.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-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.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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-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 {
@@ -4962,22 +4822,13 @@
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-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #20262e;
-}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.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);
-}
@media screen and (max-width: 960px) {
.p-menubar {
@@ -5009,56 +4860,22 @@
box-shadow: none;
width: 100%;
}
- .p-menubar .p-menubar-root-list .p-menu-separator {
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
border-top: 1px solid #3f4b5b;
margin: 0.5rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
- .p-menubar .p-menubar-root-list > .p-menuitem {
+ .p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .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 {
- 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 {
- 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:not(.p-disabled):hover .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 {
- 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 {
- 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 #e3f3fe;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .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-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-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5071,26 +4888,26 @@
transition: transform 0.15s;
transform: rotate(90deg);
}
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 5.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 6.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 8.25rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5101,42 +4918,45 @@
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-action {
+ padding: 1rem 1.25rem;
+ font-weight: 600;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a:focus {
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .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);
@@ -5152,66 +4972,91 @@
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 {
+ 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: #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-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: #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:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
-.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+.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:not(.p-disabled):hover .p-menuitem-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-link:not(.p-disabled):hover .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 #e3f3fe;
-}
-.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 #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;
}
@@ -5220,80 +5065,6 @@
border-bottom-left-radius: 4px;
}
-.p-slidemenu {
- padding: 0.5rem 0;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- width: 12.5rem;
-}
-.p-slidemenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .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 {
- 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:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .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 #e3f3fe;
-}
-.p-slidemenu.p-slidemenu-overlay {
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none;
-}
-.p-slidemenu .p-slidemenu-list {
- padding: 0.5rem 0;
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none;
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
- background: #20262e;
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.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: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-slidemenu-separator {
- border-top: 1px solid #3f4b5b;
- margin: 0.5rem 0;
-}
-.p-slidemenu .p-slidemenu-icon {
- font-size: 0.875rem;
-}
-.p-slidemenu .p-slidemenu-backward {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
-}
-
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.15s;
@@ -5359,7 +5130,6 @@
border-top-left-radius: 4px;
transition: box-shadow 0.15s;
margin: 0 0 -1px 0;
- height: calc(100% + 1px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
@@ -5388,61 +5158,73 @@
border-radius: 4px;
width: 12.5rem;
}
-.p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .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 {
- 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 {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #e3f3fe;
-}
.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-active > .p-menuitem-link {
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
background: #20262e;
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .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.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.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-menu-separator {
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #20262e;
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ 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: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: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 #3f4b5b;
margin: 0.5rem 0;
}
@@ -5754,9 +5536,6 @@
background: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.6);
}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- transition: box-shadow 0.15s;
-}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
@@ -5830,6 +5609,48 @@
border: 2px solid #2a323d;
}
+.p-badge {
+ background: #8dd0ff;
+ color: #151515;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #6c757d;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #9fdaa8;
+ color: #151515;
+}
+.p-badge.p-badge-info {
+ background-color: #7fd8e6;
+ color: #151515;
+}
+.p-badge.p-badge-warning {
+ background-color: #ffe082;
+ color: #151515;
+}
+.p-badge.p-badge-danger {
+ background-color: #f19ea6;
+ color: #151515;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
.p-chip {
background-color: #3f4b5b;
color: rgba(255, 255, 255, 0.87);
@@ -5851,9 +5672,9 @@
margin-right: 0.5rem;
}
.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
border-radius: 4px;
transition: color 0.15s, box-shadow 0.15s;
- margin-left: 0.5rem;
}
.p-chip .p-chip-remove-icon:focus {
outline: 0 none;
@@ -5861,6 +5682,37 @@
box-shadow: 0 0 0 1px #e3f3fe;
}
+.p-inplace .p-inplace-display {
+ padding: 0.5rem 0.75rem;
+ border-radius: 4px;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #e3f3fe;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 1.5rem;
+ background: #3f4b5b;
+ border-radius: 4px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #8dd0ff;
+}
+.p-progressbar .p-progressbar-label {
+ color: #151515;
+ line-height: 1.5rem;
+}
+
.p-scrolltop {
width: 3rem;
height: 3rem;
@@ -5916,37 +5768,6 @@
font-size: 0.75rem;
}
-.p-inplace .p-inplace-display {
- padding: 0.5rem 0.75rem;
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
-}
-.p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
-}
-
-.p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #3f4b5b;
- border-radius: 4px;
-}
-.p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #8dd0ff;
-}
-.p-progressbar .p-progressbar-label {
- color: #151515;
- line-height: 1.5rem;
-}
-
.p-terminal {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
@@ -5958,73 +5779,6 @@
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
-.p-badge {
- background: #8dd0ff;
- color: #151515;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
-}
-.p-badge.p-badge-secondary {
- background-color: #6c757d;
- color: #ffffff;
-}
-.p-badge.p-badge-success {
- background-color: #9fdaa8;
- color: #151515;
-}
-.p-badge.p-badge-info {
- background-color: #7fd8e6;
- color: #151515;
-}
-.p-badge.p-badge-warning {
- background-color: #ffe082;
- color: #151515;
-}
-.p-badge.p-badge-danger {
- background-color: #f19ea6;
- color: #151515;
-}
-.p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
-}
-.p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
-}
-
-.p-tag {
- background: #8dd0ff;
- color: #151515;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 4px;
-}
-.p-tag.p-tag-success {
- background-color: #9fdaa8;
- color: #151515;
-}
-.p-tag.p-tag-info {
- background-color: #7fd8e6;
- color: #151515;
-}
-.p-tag.p-tag-warning {
- background-color: #ffe082;
- color: #151515;
-}
-.p-tag.p-tag-danger {
- background-color: #f19ea6;
- color: #151515;
-}
-
/* Vendor extensions to the designer enhanced bootstrap compatibility */
.p-breadcrumb .p-breadcrumb-chevron {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -6033,4 +5787,8 @@
content: "/";
}
+.fc.fc-theme-standard .fc-highlight {
+ background: #476880;
+}
+
/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css
index 79e3ace..373f988 100644
--- a/public/themes/bootstrap4-dark-purple/theme.css
+++ b/public/themes/bootstrap4-dark-purple/theme.css
@@ -40,8 +40,8 @@
--surface-overlay:#2a323d;
--surface-border:#3f4b5b;
--surface-hover:rgba(255,255,255,.04);
- --maskbg: rgba(0, 0, 0, 0.4);
--focus-ring: 0 0 0 1px #f0e6f5;
+ --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: dark;
}
@@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.107rem;
}
-.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.75rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #3f4b5b;
}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #f0e6f5;
border-color: #c298d8;
}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.25rem 0.75rem;
+ gap: 0.5rem;
+}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
@@ -265,14 +266,17 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #c298d8;
- color: #151515;
- border-radius: 4px;
+ background: #3f4b5b;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #4c5866;
+ color: rgba(255, 255, 255, 0.87);
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f19ea6;
}
@@ -296,14 +300,21 @@
transition: box-shadow 0.15s;
border-radius: 0;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
-}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #151515;
background: #c298d8;
}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: #b07acd;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
@@ -494,10 +505,10 @@
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
+ border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
- border-left: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.04);
@@ -585,22 +596,24 @@
transition: box-shadow 0.15s;
border-radius: 0;
}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1.5rem;
-}
-.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 #f0e6f5;
-}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #151515;
background: #c298d8;
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: #b07acd;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.12);
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.5rem 1.5rem;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@@ -637,11 +650,6 @@
border-color: #c298d8;
background: #c298d8;
}
-.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
- border-color: #9954bb;
- background: #9954bb;
- color: #151515;
-}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: #3f4b5b;
}
@@ -677,24 +685,28 @@
border-color: #151515;
}
-.p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.75rem;
-}
-.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #3f4b5b;
}
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #f0e6f5;
border-color: #c298d8;
}
+.p-chips .p-chips-multiple-container {
+ padding: 0.25rem 0.75rem;
+}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.75rem;
margin-right: 0.5rem;
- background: #c298d8;
- color: #151515;
- border-radius: 4px;
+ background: #3f4b5b;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #4c5866;
+ color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@@ -756,7 +768,7 @@
.p-dropdown .p-dropdown-label.p-placeholder {
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown .p-dropdown-label:enabled:focus {
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
@@ -799,13 +811,6 @@
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
- padding-right: 3.5rem;
- margin-right: -3.5rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
- right: 2.5rem;
-}
.p-dropdown-panel .p-dropdown-items {
padding: 0.5rem 0;
}
@@ -822,6 +827,13 @@
color: #151515;
background: #c298d8;
}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: #b07acd;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.12);
+}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
@@ -1063,7 +1075,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #c298d8;
}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
+.p-inputswitch.p-invalid {
border-color: #f19ea6;
}
@@ -1105,13 +1117,11 @@
transition-duration: 0.15s;
}
-.p-float-label > label.p-error {
+.p-float-label > .p-invalid + label {
color: #f19ea6;
}
-.p-input-icon-left > i:first-of-type,
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1124,9 +1134,7 @@
left: 2.5rem;
}
-.p-input-icon-right > i:last-of-type,
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1176,6 +1184,7 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
border-radius: 4px;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.p-listbox .p-listbox-header {
padding: 0.75rem 1.5rem;
@@ -1195,6 +1204,7 @@
}
.p-listbox .p-listbox-list {
padding: 0.5rem 0;
+ outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
@@ -1208,11 +1218,6 @@
color: #151515;
background: #c298d8;
}
-.p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #f0e6f5;
-}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 0.75rem 1rem;
@@ -1225,42 +1230,27 @@
color: rgba(255, 255, 255, 0.87);
background: transparent;
}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: #b07acd;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.12);
+}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+ border-color: #c298d8;
+}
.p-listbox.p-invalid {
border-color: #f19ea6;
}
-.p-mention-panel {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- box-shadow: none;
-}
-.p-mention-panel .p-mention-items {
- padding: 0.5rem 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
-}
-.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
- color: #151515;
- background: #c298d8;
-}
-
.p-multiselect {
background: #20262e;
border: 1px solid #3f4b5b;
@@ -1276,9 +1266,6 @@
box-shadow: 0 0 0 1px #f0e6f5;
border-color: #c298d8;
}
-.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.75rem;
-}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
@@ -1289,9 +1276,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.25rem 0.75rem;
margin-right: 0.5rem;
- background: #c298d8;
- color: #151515;
- border-radius: 4px;
+ background: #3f4b5b;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
@@ -1303,10 +1290,6 @@
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
-.p-multiselect .p-multiselect-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 2.357rem;
-}
.p-multiselect.p-invalid.p-component {
border-color: #f19ea6;
}
@@ -1314,12 +1297,6 @@
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.25rem 0.75rem;
}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
- padding: 0.5rem 0.75rem;
-}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.75rem;
-}
.p-multiselect-panel {
background: #2a323d;
@@ -1337,9 +1314,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
- margin: 0 0.5rem;
-}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.75rem;
}
@@ -1347,7 +1321,11 @@
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);
}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
@@ -1382,15 +1360,17 @@
color: #151515;
background: #c298d8;
}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: #b07acd;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.12);
+}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #f0e6f5;
-}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
@@ -1442,15 +1422,6 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #9fdaa8;
}
-.p-password-panel .p-password-info.weak {
- color: #f19ea6;
-}
-.p-password-panel .p-password-info.medium {
- color: #ffe082;
-}
-.p-password-panel .p-password-info.strong {
- color: #9fdaa8;
-}
.p-radiobutton {
width: 20px;
@@ -1524,10 +1495,11 @@
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #f19ea6;
}
-.p-rating .p-rating-item:focus {
+.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #f0e6f5;
+ border-color: #c298d8;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #c298d8;
@@ -1675,50 +1647,6 @@
border-radius: 4px;
box-shadow: none;
}
-.p-treeselect-panel .p-treeselect-header {
- padding: 0.75rem 1.5rem;
- border-bottom: 1px solid #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
- margin-right: 0.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
- padding-right: 1.75rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 3.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 2.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
-}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
@@ -1748,6 +1676,12 @@
.p-togglebutton.p-button .p-button-icon-right {
color: #ffffff;
}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+ border-color: #c298d8;
+}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: #5a6268;
border-color: #545b62;
@@ -1788,12 +1722,12 @@
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
border-radius: 4px;
}
-.p-button:enabled:hover, .p-button:not(button):not(a):not(.p-disabled):hover {
+.p-button:enabled:hover {
background: #aa70c7;
color: #151515;
border-color: #aa70c7;
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: #9954bb;
color: #151515;
border-color: #9954bb;
@@ -1803,12 +1737,12 @@
color: #c298d8;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined:enabled:hover {
background: rgba(194, 152, 216, 0.04);
color: #c298d8;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined:enabled:active {
background: rgba(194, 152, 216, 0.16);
color: #c298d8;
border: 1px solid;
@@ -1817,11 +1751,11 @@
color: rgba(255, 255, 255, 0.6);
border-color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:hover, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:active, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1830,12 +1764,12 @@
color: #c298d8;
border-color: transparent;
}
-.p-button.p-button-text:enabled:hover, .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text:enabled:hover {
background: rgba(194, 152, 216, 0.04);
color: #c298d8;
border-color: transparent;
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active {
background: rgba(194, 152, 216, 0.16);
color: #c298d8;
border-color: transparent;
@@ -1843,11 +1777,11 @@
.p-button.p-button-text.p-button-plain {
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:hover, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:active, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1856,6 +1790,9 @@
outline-offset: 0;
box-shadow: 0 0 0 1px #f0e6f5;
}
+.p-button .p-button-label {
+ transition-duration: 0.15s;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1908,20 +1845,11 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
+.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
- margin-right: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
- margin-top: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
- margin-bottom: 0.5rem;
-}
.p-button.p-button-loading-label-only .p-button-loading-icon {
- margin: 0;
+ margin-right: 0;
}
.p-fluid .p-button {
@@ -1937,295 +1865,295 @@
flex: 1;
}
-.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 {
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #6c757d;
border: 1px solid #6c757d;
}
-.p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary:enabled:hover, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #5a6268;
color: #ffffff;
border-color: #5a6268;
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 1px rgba(130, 138, 145, 0.5);
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #545b62;
color: #ffffff;
border-color: #4e555b;
}
-.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #6c757d;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(108, 117, 125, 0.04);
color: #6c757d;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(108, 117, 125, 0.16);
color: #6c757d;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #6c757d;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-text:enabled:hover, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(108, 117, 125, 0.04);
border-color: transparent;
color: #6c757d;
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(108, 117, 125, 0.16);
border-color: transparent;
color: #6c757d;
}
-.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #151515;
background: #7fd8e6;
border: 1px solid #4cc8db;
}
-.p-button.p-button-info:enabled:hover, .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info:enabled:hover, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #4cc8db;
color: #151515;
border-color: #26bdd3;
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #b1e8f0;
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #26bdd3;
color: #151515;
border-color: #00b2cc;
}
-.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #7fd8e6;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:hover, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(127, 216, 230, 0.04);
color: #7fd8e6;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(127, 216, 230, 0.16);
color: #7fd8e6;
border: 1px solid;
}
-.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #7fd8e6;
border-color: transparent;
}
-.p-button.p-button-info.p-button-text:enabled:hover, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(127, 216, 230, 0.04);
border-color: transparent;
color: #7fd8e6;
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(127, 216, 230, 0.16);
border-color: transparent;
color: #7fd8e6;
}
-.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #151515;
background: #9fdaa8;
border: 1px solid #78cc86;
}
-.p-button.p-button-success:enabled:hover, .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success:enabled:hover, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #78cc86;
color: #151515;
border-color: #5ac06c;
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #c5e8ca;
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #5ac06c;
color: #151515;
border-color: #3cb553;
}
-.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #9fdaa8;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:hover, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(159, 218, 168, 0.04);
color: #9fdaa8;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(159, 218, 168, 0.16);
color: #9fdaa8;
border: 1px solid;
}
-.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #9fdaa8;
border-color: transparent;
}
-.p-button.p-button-success.p-button-text:enabled:hover, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(159, 218, 168, 0.04);
border-color: transparent;
color: #9fdaa8;
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(159, 218, 168, 0.16);
border-color: transparent;
color: #9fdaa8;
}
-.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #151515;
background: #ffe082;
border: 1px solid #ffd54f;
}
-.p-button.p-button-warning:enabled:hover, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning:enabled:hover, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #ffd54f;
color: #151515;
border-color: #ffca28;
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #ffecb3;
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #ffca28;
color: #151515;
border-color: #ffc107;
}
-.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #ffe082;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(255, 224, 130, 0.04);
color: #ffe082;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(255, 224, 130, 0.16);
color: #ffe082;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #ffe082;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-text:enabled:hover, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(255, 224, 130, 0.04);
border-color: transparent;
color: #ffe082;
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(255, 224, 130, 0.16);
border-color: transparent;
color: #ffe082;
}
-.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #151515;
background: #b7a2e0;
border: 1px solid #9a7cd4;
}
-.p-button.p-button-help:enabled:hover, .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help:enabled:hover, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #9a7cd4;
color: #151515;
border-color: #845fca;
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #d3c7ec;
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #845fca;
color: #151515;
border-color: #6d43c0;
}
-.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #b7a2e0;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:hover, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(183, 162, 224, 0.04);
color: #b7a2e0;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(183, 162, 224, 0.16);
color: #b7a2e0;
border: 1px solid;
}
-.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #b7a2e0;
border-color: transparent;
}
-.p-button.p-button-help.p-button-text:enabled:hover, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(183, 162, 224, 0.04);
border-color: transparent;
color: #b7a2e0;
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(183, 162, 224, 0.16);
border-color: transparent;
color: #b7a2e0;
}
-.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #151515;
background: #f19ea6;
border: 1px solid #e97984;
}
-.p-button.p-button-danger:enabled:hover, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger:enabled:hover, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #e97984;
color: #151515;
border-color: #f75965;
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #ffd0d9;
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #f75965;
color: #151515;
border-color: #fd464e;
}
-.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #f19ea6;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(241, 158, 166, 0.04);
color: #f19ea6;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(241, 158, 166, 0.16);
color: #f19ea6;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #f19ea6;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-text:enabled:hover, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(241, 158, 166, 0.04);
border-color: transparent;
color: #f19ea6;
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(241, 158, 166, 0.16);
border-color: transparent;
color: #f19ea6;
@@ -2236,25 +2164,89 @@
background: transparent;
border: transparent;
}
-.p-button.p-button-link:enabled:hover, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-link:enabled:hover {
background: transparent;
color: #aa70c7;
border-color: transparent;
}
-.p-button.p-button-link:enabled:hover .p-button-label, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
+.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
-.p-button.p-button-link:enabled:focus, .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: 0 0 0 1px #f0e6f5;
border-color: transparent;
}
-.p-button.p-button-link:enabled:active, .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-link:enabled:active {
background: transparent;
color: #c298d8;
border-color: transparent;
}
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: #343e4d;
+ color: #fff;
+}
+.p-speeddial-action:hover {
+ background: #3f4b5b;
+ color: #fff;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
.p-splitbutton {
border-radius: 4px;
}
@@ -2507,70 +2499,6 @@
color: #f19ea6;
}
-.p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
-}
-.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
-}
-
-.p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #343e4d;
- color: #fff;
-}
-.p-speeddial-action:hover {
- background: #3f4b5b;
- color: #fff;
-}
-
-.p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
-}
-
-.p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
-}
-
-.p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
-}
-
-.p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
-}
-
-.p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
-}
-.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
-}
-
-.p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
-}
-
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
@@ -2672,11 +2600,11 @@
background: #c298d8;
margin-left: 0.5rem;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-datatable .p-sortable-column.p-highlight {
@@ -2686,11 +2614,11 @@
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: #c298d8;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column.p-highlight:hover {
background: rgba(255, 255, 255, 0.04);
color: #c298d8;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
color: #c298d8;
}
.p-datatable .p-sortable-column:focus {
@@ -2742,9 +2670,9 @@
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 600;
}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
- background: #c298d8;
- color: #151515;
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid #f0e6f5;
+ outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: #c298d8;
@@ -2756,23 +2684,7 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #c298d8;
}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
- outline: 0.15rem solid #f0e6f5;
- 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: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
- outline: 0.15rem solid #f0e6f5;
- outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
@@ -2812,22 +2724,31 @@
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #2f3641;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #c298d8;
color: #151515;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #151515;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #151515;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
- background: #2f3641;
-}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
@@ -2859,10 +2780,6 @@
padding: 1.25rem 1.25rem;
}
-.p-datatable-drag-selection-helper {
- background: rgba(194, 152, 216, 0.16);
-}
-
.p-dataview .p-paginator-top {
border-width: 0;
border-radius: 0;
@@ -2899,46 +2816,6 @@
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
-.p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
-}
-
-.p-datascroller .p-paginator-top {
- border-width: 0;
- border-radius: 0;
-}
-.p-datascroller .p-paginator-bottom {
- border-width: 1px 0 0 0;
- border-radius: 0;
-}
-.p-datascroller .p-datascroller-header {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.6);
- border: solid #3f4b5b;
- border-width: 1px 0 0 0;
- padding: 1rem 1rem;
- font-weight: 600;
-}
-.p-datascroller .p-datascroller-content {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- padding: 0;
-}
-.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
- border: 1px solid #3f4b5b;
- border-width: 1px 0 0 0;
-}
-.p-datascroller .p-datascroller-footer {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-width: 1px 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px;
-}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
@@ -3364,19 +3241,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-orderlist .p-orderlist-filter-container {
- padding: 1rem 1.25rem;
- background: #2a323d;
- border: 1px solid #3f4b5b;
- border-bottom: 0 none;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.75rem;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-orderlist .p-orderlist-list {
border: 1px solid #3f4b5b;
background: #2a323d;
@@ -3413,22 +3277,6 @@
background: rgba(255, 255, 255, 0.04);
}
-@media screen and (max-width: 769px) {
- .p-orderlist {
- flex-direction: column;
- }
- .p-orderlist .p-orderlist-controls {
- padding: 1.25rem;
- flex-direction: row;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-controls .p-button:last-child {
- margin-right: 0;
- }
-}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
@@ -3507,6 +3355,7 @@
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
+ margin-right: 0.5rem;
height: 2.357rem;
}
.p-paginator .p-dropdown .p-dropdown-label {
@@ -3565,19 +3414,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-picklist .p-picklist-filter-container {
- padding: 1rem 1.25rem;
- background: #2a323d;
- border: 1px solid #3f4b5b;
- border-bottom: 0 none;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.75rem;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-picklist .p-picklist-list {
border: 1px solid #3f4b5b;
background: #2a323d;
@@ -3607,35 +3443,38 @@
color: #151515;
background: #c298d8;
}
-
-@media screen and (max-width: 769px) {
- .p-picklist {
- flex-direction: column;
- }
- .p-picklist .p-picklist-buttons {
- padding: 1.25rem;
- flex-direction: row;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-buttons .p-button:last-child {
- margin-right: 0;
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
- content: "\e930";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
- content: "\e92c";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
- content: "\e933";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
- content: "\e92f";
- }
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: rgba(255, 255, 255, 0.02);
}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 0 none;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #c298d8;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #3f4b5b;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
.p-tree {
border: 1px solid #3f4b5b;
background: #2a323d;
@@ -3673,7 +3512,7 @@
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
+ color: #3f4b5b;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
margin-right: 0.5rem;
@@ -3702,10 +3541,6 @@
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
-}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
@@ -3723,12 +3558,6 @@
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
-.p-tree .p-treenode-droppoint {
- height: 0.5rem;
-}
-.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
- background: #a263c4;
-}
.p-treetable .p-paginator-top {
border-width: 0;
@@ -3854,11 +3683,11 @@
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: #151515;
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: rgba(255, 255, 255, 0.87);
}
.p-treetable .p-column-resizer-helper {
@@ -3923,31 +3752,6 @@
padding: 1.25rem 1.25rem;
}
-.p-timeline .p-timeline-event-marker {
- border: 0 none;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #c298d8;
-}
-.p-timeline .p-timeline-event-connector {
- background-color: #3f4b5b;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
-}
-
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem 1.25rem;
border: 1px solid #3f4b5b;
@@ -3963,7 +3767,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
+ box-shadow: inset 0 0 0 1px #f0e6f5;
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: rgba(255, 255, 255, 0.04);
@@ -4017,7 +3821,7 @@
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
-.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-content {
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
@@ -4080,6 +3884,9 @@
outline-offset: 0;
box-shadow: 0 0 0 1px #f0e6f5;
}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: rgba(255, 255, 255, 0.04);
border-color: #3f4b5b;
@@ -4163,6 +3970,17 @@
border-top: 0 none;
}
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #3f4b5b;
+ border: 0 none;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
+
.p-splitter {
border: 1px solid #3f4b5b;
background: #2a323d;
@@ -4175,16 +3993,17 @@
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: #3f4b5b;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
}
.p-splitter .p-splitter-gutter-resizing {
background: #3f4b5b;
}
-.p-scrollpanel .p-scrollpanel-bar {
- background: #3f4b5b;
- border: 0 none;
-}
-
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #3f4b5b;
@@ -4221,9 +4040,6 @@
border-color: #3f4b5b #3f4b5b #2a323d #3f4b5b;
color: rgba(255, 255, 255, 0.6);
}
-.p-tabview .p-tabview-close {
- margin-left: 0.5rem;
-}
.p-tabview .p-tabview-nav-btn.p-link {
background: #2a323d;
color: rgba(255, 255, 255, 0.6);
@@ -4476,9 +4292,12 @@
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
+ gap: 0.5rem;
}
-.p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
}
.p-fileupload .p-fileupload-content {
background: #2a323d;
@@ -4488,6 +4307,22 @@
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #3f4b5b;
+ border-radius: 4px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
.p-fileupload .p-progressbar {
height: 0.25rem;
}
@@ -4498,35 +4333,46 @@
margin-top: 0;
}
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #aa70c7;
+ color: #151515;
+ border-color: #aa70c7;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #9954bb;
+ color: #151515;
+ border-color: #9954bb;
+}
+
.p-breadcrumb {
background: #343e4d;
border: 0 none;
border-radius: 4px;
padding: 1rem;
}
-.p-breadcrumb ul li .p-menuitem-link {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: box-shadow 0.15s;
border-radius: 4px;
}
-.p-breadcrumb ul li .p-menuitem-link:focus {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #f0e6f5;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: #c298d8;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: #c298d8;
}
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: rgba(255, 255, 255, 0.87);
}
@@ -4539,39 +4385,8 @@
border-radius: 4px;
width: 12.5rem;
}
-.p-contextmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .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 {
- 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-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:focus {
+.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #f0e6f5;
}
.p-contextmenu .p-submenu-list {
padding: 0.5rem 0;
@@ -4580,16 +4395,59 @@
box-shadow: none;
border-radius: 4px;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
background: #20262e;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .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.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.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-menu-separator {
+.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:not(.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: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: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: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-menuitem-separator {
border-top: 1px solid #3f4b5b;
margin: 0.5rem 0;
}
@@ -4597,78 +4455,71 @@
font-size: 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-action {
+.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-link {
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 {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
- .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list {
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
- .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container {
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
- .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
- .p-dock.p-dock-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 {
+ .p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
@@ -4680,98 +4531,68 @@
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;
- transition: box-shadow 0.15s;
- 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-megamenu-root-list > .p-menuitem > .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 {
- 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 {
- 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 {
+.p-megamenu .p-megamenu-root-list {
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-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 {
+.p-megamenu .p-menuitem > .p-menuitem-content {
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 {
- 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 {
- 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.15s;
+ border-radius: 0;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
user-select: none;
}
-.p-megamenu .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-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-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);
}
-.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ background: #20262e;
+}
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #20262e;
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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.87);
}
-.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #f0e6f5;
-}
.p-megamenu .p-megamenu-panel {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #3f4b5b;
box-shadow: none;
}
-.p-megamenu .p-megamenu-submenu-header {
+.p-megamenu .p-submenu-header {
margin: 0;
padding: 0.75rem 1rem;
color: rgba(255, 255, 255, 0.87);
@@ -4780,27 +4601,48 @@
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;
}
+.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-menu {
padding: 0.5rem 0;
@@ -4810,40 +4652,58 @@
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 {
+ 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: #20262e;
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #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:not(.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-link:not(.p-disabled):hover .p-menuitem-text {
+.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-link:not(.p-disabled):hover .p-menuitem-icon {
+.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-menuitem-link:not(.p-disabled):hover .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 #f0e6f5;
-}
.p-menu.p-menu-overlay {
background: #2a323d;
border: 1px solid #3f4b5b;
@@ -4858,7 +4718,7 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
}
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
border-top: 1px solid #3f4b5b;
margin: 0.5rem 0;
}
@@ -4870,89 +4730,89 @@
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;
- transition: box-shadow 0.15s;
- user-select: none;
-}
-.p-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-menubar .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 {
- color: rgba(255, 255, 255, 0.6);
-}
-.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 {
- 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.87);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-menubar .p-menuitem-link:focus {
+.p-menubar .p-menubar-root-list {
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;
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
color: rgba(255, 255, 255, 0.6);
- border-radius: 4px;
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-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.6);
}
-.p-menubar .p-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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: transparent;
}
-.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: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-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-menubar-root-list > .p-menuitem > .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.15s;
+ border-radius: 0;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #f0e6f5;
+.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-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 > .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-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.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ background: #20262e;
+}
+.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-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.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-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.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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-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 {
@@ -4962,22 +4822,13 @@
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-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #20262e;
-}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.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);
-}
@media screen and (max-width: 960px) {
.p-menubar {
@@ -5009,56 +4860,22 @@
box-shadow: none;
width: 100%;
}
- .p-menubar .p-menubar-root-list .p-menu-separator {
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
border-top: 1px solid #3f4b5b;
margin: 0.5rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
- .p-menubar .p-menubar-root-list > .p-menuitem {
+ .p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .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 {
- 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 {
- 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:not(.p-disabled):hover .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 {
- 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 {
- 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 #f0e6f5;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .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-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-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5071,26 +4888,26 @@
transition: transform 0.15s;
transform: rotate(90deg);
}
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 5.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 6.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 8.25rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5101,42 +4918,45 @@
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-action {
+ padding: 1rem 1.25rem;
+ font-weight: 600;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a:focus {
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .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);
@@ -5152,66 +4972,91 @@
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 {
+ 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: #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-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: #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:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
-.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+.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:not(.p-disabled):hover .p-menuitem-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-link:not(.p-disabled):hover .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 #f0e6f5;
-}
-.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 #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;
}
@@ -5220,80 +5065,6 @@
border-bottom-left-radius: 4px;
}
-.p-slidemenu {
- padding: 0.5rem 0;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- width: 12.5rem;
-}
-.p-slidemenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .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 {
- 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:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .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 #f0e6f5;
-}
-.p-slidemenu.p-slidemenu-overlay {
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none;
-}
-.p-slidemenu .p-slidemenu-list {
- padding: 0.5rem 0;
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none;
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
- background: #20262e;
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.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: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-slidemenu-separator {
- border-top: 1px solid #3f4b5b;
- margin: 0.5rem 0;
-}
-.p-slidemenu .p-slidemenu-icon {
- font-size: 0.875rem;
-}
-.p-slidemenu .p-slidemenu-backward {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
-}
-
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.15s;
@@ -5359,7 +5130,6 @@
border-top-left-radius: 4px;
transition: box-shadow 0.15s;
margin: 0 0 -1px 0;
- height: calc(100% + 1px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
@@ -5388,61 +5158,73 @@
border-radius: 4px;
width: 12.5rem;
}
-.p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .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 {
- 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 {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #f0e6f5;
-}
.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-active > .p-menuitem-link {
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
background: #20262e;
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .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.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.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-menu-separator {
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #20262e;
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ 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: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: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 #3f4b5b;
margin: 0.5rem 0;
}
@@ -5754,9 +5536,6 @@
background: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.6);
}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- transition: box-shadow 0.15s;
-}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
@@ -5830,6 +5609,48 @@
border: 2px solid #2a323d;
}
+.p-badge {
+ background: #c298d8;
+ color: #151515;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #6c757d;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #9fdaa8;
+ color: #151515;
+}
+.p-badge.p-badge-info {
+ background-color: #7fd8e6;
+ color: #151515;
+}
+.p-badge.p-badge-warning {
+ background-color: #ffe082;
+ color: #151515;
+}
+.p-badge.p-badge-danger {
+ background-color: #f19ea6;
+ color: #151515;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
.p-chip {
background-color: #3f4b5b;
color: rgba(255, 255, 255, 0.87);
@@ -5851,9 +5672,9 @@
margin-right: 0.5rem;
}
.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
border-radius: 4px;
transition: color 0.15s, box-shadow 0.15s;
- margin-left: 0.5rem;
}
.p-chip .p-chip-remove-icon:focus {
outline: 0 none;
@@ -5861,6 +5682,37 @@
box-shadow: 0 0 0 1px #f0e6f5;
}
+.p-inplace .p-inplace-display {
+ padding: 0.5rem 0.75rem;
+ border-radius: 4px;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #f0e6f5;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 1.5rem;
+ background: #3f4b5b;
+ border-radius: 4px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #c298d8;
+}
+.p-progressbar .p-progressbar-label {
+ color: #151515;
+ line-height: 1.5rem;
+}
+
.p-scrolltop {
width: 3rem;
height: 3rem;
@@ -5916,37 +5768,6 @@
font-size: 0.75rem;
}
-.p-inplace .p-inplace-display {
- padding: 0.5rem 0.75rem;
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
-}
-.p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
-}
-
-.p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #3f4b5b;
- border-radius: 4px;
-}
-.p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #c298d8;
-}
-.p-progressbar .p-progressbar-label {
- color: #151515;
- line-height: 1.5rem;
-}
-
.p-terminal {
background: #2a323d;
color: rgba(255, 255, 255, 0.87);
@@ -5958,73 +5779,6 @@
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
-.p-badge {
- background: #c298d8;
- color: #151515;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
-}
-.p-badge.p-badge-secondary {
- background-color: #6c757d;
- color: #ffffff;
-}
-.p-badge.p-badge-success {
- background-color: #9fdaa8;
- color: #151515;
-}
-.p-badge.p-badge-info {
- background-color: #7fd8e6;
- color: #151515;
-}
-.p-badge.p-badge-warning {
- background-color: #ffe082;
- color: #151515;
-}
-.p-badge.p-badge-danger {
- background-color: #f19ea6;
- color: #151515;
-}
-.p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
-}
-.p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
-}
-
-.p-tag {
- background: #c298d8;
- color: #151515;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 4px;
-}
-.p-tag.p-tag-success {
- background-color: #9fdaa8;
- color: #151515;
-}
-.p-tag.p-tag-info {
- background-color: #7fd8e6;
- color: #151515;
-}
-.p-tag.p-tag-warning {
- background-color: #ffe082;
- color: #151515;
-}
-.p-tag.p-tag-danger {
- background-color: #f19ea6;
- color: #151515;
-}
-
/* Vendor extensions to the designer enhanced bootstrap compatibility */
.p-breadcrumb .p-breadcrumb-chevron {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -6033,4 +5787,8 @@
content: "/";
}
+.fc.fc-theme-standard .fc-highlight {
+ background: #614c6c;
+}
+
/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css
index 7e03fc8..a41d099 100644
--- a/public/themes/bootstrap4-light-blue/theme.css
+++ b/public/themes/bootstrap4-light-blue/theme.css
@@ -40,8 +40,8 @@
--surface-overlay:#ffffff;
--surface-border:#dee2e6;
--surface-hover:#e9ecef;
- --maskbg: rgba(0, 0, 0, 0.4);
--focus-ring: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+ --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light;
}
@@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.107rem;
}
-.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.75rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #ced4da;
}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
border-color: #007bff;
}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.25rem 0.75rem;
+ gap: 0.5rem;
+}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
@@ -265,14 +266,17 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #007bff;
- color: #ffffff;
- border-radius: 4px;
+ background: #dee2e6;
+ color: #212529;
+ border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #ced4da;
+ color: #212529;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #dc3545;
}
@@ -296,14 +300,21 @@
transition: box-shadow 0.15s;
border-radius: 0;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: #212529;
- background: #e9ecef;
-}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #ffffff;
background: #007bff;
}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: #0067d6;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #212529;
+ background: #dee2e6;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #212529;
+ background: #e9ecef;
+}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
@@ -494,10 +505,10 @@
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
+ border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
- border-left: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: #e9ecef;
@@ -585,22 +596,24 @@
transition: box-shadow 0.15s;
border-radius: 0;
}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1.5rem;
-}
-.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 rgba(38, 143, 255, 0.5);
-}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #ffffff;
background: #007bff;
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: #0067d6;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #212529;
+ background: #dee2e6;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #212529;
background: #e9ecef;
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.5rem 1.5rem;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@@ -637,11 +650,6 @@
border-color: #007bff;
background: #007bff;
}
-.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
- border-color: #0062cc;
- background: #0062cc;
- color: #ffffff;
-}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: #ced4da;
}
@@ -677,24 +685,28 @@
border-color: #ffffff;
}
-.p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.75rem;
-}
-.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #ced4da;
}
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
border-color: #007bff;
}
+.p-chips .p-chips-multiple-container {
+ padding: 0.25rem 0.75rem;
+}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.75rem;
margin-right: 0.5rem;
- background: #007bff;
- color: #ffffff;
- border-radius: 4px;
+ background: #dee2e6;
+ color: #212529;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #ced4da;
+ color: #212529;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@@ -756,7 +768,7 @@
.p-dropdown .p-dropdown-label.p-placeholder {
color: #6c757d;
}
-.p-dropdown .p-dropdown-label:enabled:focus {
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
@@ -799,13 +811,6 @@
right: 0.75rem;
color: #495057;
}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
- padding-right: 3.5rem;
- margin-right: -3.5rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
- right: 2.5rem;
-}
.p-dropdown-panel .p-dropdown-items {
padding: 0.5rem 0;
}
@@ -822,6 +827,13 @@
color: #ffffff;
background: #007bff;
}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: #0067d6;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #212529;
+ background: #dee2e6;
+}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: #212529;
background: #e9ecef;
@@ -1063,7 +1075,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #007bff;
}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
+.p-inputswitch.p-invalid {
border-color: #dc3545;
}
@@ -1105,13 +1117,11 @@
transition-duration: 0.15s;
}
-.p-float-label > label.p-error {
+.p-float-label > .p-invalid + label {
color: #dc3545;
}
-.p-input-icon-left > i:first-of-type,
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: #495057;
}
@@ -1124,9 +1134,7 @@
left: 2.5rem;
}
-.p-input-icon-right > i:last-of-type,
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: #495057;
}
@@ -1176,6 +1184,7 @@
color: #212529;
border: 1px solid #ced4da;
border-radius: 4px;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.p-listbox .p-listbox-header {
padding: 0.75rem 1.5rem;
@@ -1195,6 +1204,7 @@
}
.p-listbox .p-listbox-list {
padding: 0.5rem 0;
+ outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
@@ -1208,11 +1218,6 @@
color: #ffffff;
background: #007bff;
}
-.p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
-}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 0.75rem 1rem;
@@ -1225,42 +1230,27 @@
color: #212529;
background: transparent;
}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: #0067d6;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #212529;
+ background: #dee2e6;
+}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: #212529;
background: #e9ecef;
}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+ border-color: #007bff;
+}
.p-listbox.p-invalid {
border-color: #dc3545;
}
-.p-mention-panel {
- background: #ffffff;
- color: #212529;
- border: 1px solid rgba(0, 0, 0, 0.15);
- border-radius: 4px;
- box-shadow: none;
-}
-.p-mention-panel .p-mention-items {
- padding: 0.5rem 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: #212529;
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item:hover {
- color: #212529;
- background: #e9ecef;
-}
-.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
- color: #ffffff;
- background: #007bff;
-}
-
.p-multiselect {
background: #ffffff;
border: 1px solid #ced4da;
@@ -1276,9 +1266,6 @@
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
border-color: #007bff;
}
-.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.75rem;
-}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
@@ -1289,9 +1276,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.25rem 0.75rem;
margin-right: 0.5rem;
- background: #007bff;
- color: #ffffff;
- border-radius: 4px;
+ background: #dee2e6;
+ color: #212529;
+ border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
@@ -1303,10 +1290,6 @@
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
-.p-multiselect .p-multiselect-clear-icon {
- color: #495057;
- right: 2.357rem;
-}
.p-multiselect.p-invalid.p-component {
border-color: #dc3545;
}
@@ -1314,12 +1297,6 @@
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.25rem 0.75rem;
}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
- padding: 0.5rem 0.75rem;
-}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.75rem;
-}
.p-multiselect-panel {
background: #ffffff;
@@ -1337,9 +1314,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
- margin: 0 0.5rem;
-}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.75rem;
}
@@ -1347,7 +1321,11 @@
right: 0.75rem;
color: #495057;
}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: #6c757d;
@@ -1382,15 +1360,17 @@
color: #ffffff;
background: #007bff;
}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: #0067d6;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #212529;
+ background: #dee2e6;
+}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #212529;
background: #e9ecef;
}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
-}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
@@ -1442,15 +1422,6 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #28a745;
}
-.p-password-panel .p-password-info.weak {
- color: #dc3545;
-}
-.p-password-panel .p-password-info.medium {
- color: #ffc107;
-}
-.p-password-panel .p-password-info.strong {
- color: #28a745;
-}
.p-radiobutton {
width: 20px;
@@ -1524,10 +1495,11 @@
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #dc3545;
}
-.p-rating .p-rating-item:focus {
+.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+ border-color: #007bff;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #007bff;
@@ -1675,50 +1647,6 @@
border-radius: 4px;
box-shadow: none;
}
-.p-treeselect-panel .p-treeselect-header {
- padding: 0.75rem 1.5rem;
- border-bottom: 1px solid #dee2e6;
- color: #212529;
- background: #efefef;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
- margin-right: 0.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
- padding-right: 1.75rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.75rem;
- color: #495057;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 3.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 2.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
-}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
@@ -1748,6 +1676,12 @@
.p-togglebutton.p-button .p-button-icon-right {
color: #ffffff;
}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+ border-color: #007bff;
+}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: #5a6268;
border-color: #545b62;
@@ -1788,12 +1722,12 @@
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
border-radius: 4px;
}
-.p-button:enabled:hover, .p-button:not(button):not(a):not(.p-disabled):hover {
+.p-button:enabled:hover {
background: #0069d9;
color: #ffffff;
border-color: #0069d9;
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: #0062cc;
color: #ffffff;
border-color: #0062cc;
@@ -1803,12 +1737,12 @@
color: #007bff;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined:enabled:hover {
background: rgba(0, 123, 255, 0.04);
color: #007bff;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined:enabled:active {
background: rgba(0, 123, 255, 0.16);
color: #007bff;
border: 1px solid;
@@ -1817,11 +1751,11 @@
color: #6c757d;
border-color: #6c757d;
}
-.p-button.p-button-outlined.p-button-plain:enabled:hover, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: #e9ecef;
color: #6c757d;
}
-.p-button.p-button-outlined.p-button-plain:enabled:active, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined.p-button-plain:enabled:active {
background: #dee2e6;
color: #6c757d;
}
@@ -1830,12 +1764,12 @@
color: #007bff;
border-color: transparent;
}
-.p-button.p-button-text:enabled:hover, .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text:enabled:hover {
background: rgba(0, 123, 255, 0.04);
color: #007bff;
border-color: transparent;
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active {
background: rgba(0, 123, 255, 0.16);
color: #007bff;
border-color: transparent;
@@ -1843,11 +1777,11 @@
.p-button.p-button-text.p-button-plain {
color: #6c757d;
}
-.p-button.p-button-text.p-button-plain:enabled:hover, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text.p-button-plain:enabled:hover {
background: #e9ecef;
color: #6c757d;
}
-.p-button.p-button-text.p-button-plain:enabled:active, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text.p-button-plain:enabled:active {
background: #dee2e6;
color: #6c757d;
}
@@ -1856,6 +1790,9 @@
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
+.p-button .p-button-label {
+ transition-duration: 0.15s;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1908,20 +1845,11 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
+.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
- margin-right: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
- margin-top: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
- margin-bottom: 0.5rem;
-}
.p-button.p-button-loading-label-only .p-button-loading-icon {
- margin: 0;
+ margin-right: 0;
}
.p-fluid .p-button {
@@ -1937,295 +1865,295 @@
flex: 1;
}
-.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 {
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #6c757d;
border: 1px solid #6c757d;
}
-.p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary:enabled:hover, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #5a6268;
color: #ffffff;
border-color: #5a6268;
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #545b62;
color: #ffffff;
border-color: #4e555b;
}
-.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #6c757d;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(108, 117, 125, 0.04);
color: #6c757d;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(108, 117, 125, 0.16);
color: #6c757d;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #6c757d;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-text:enabled:hover, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(108, 117, 125, 0.04);
border-color: transparent;
color: #6c757d;
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(108, 117, 125, 0.16);
border-color: transparent;
color: #6c757d;
}
-.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #17a2b8;
border: 1px solid #17a2b8;
}
-.p-button.p-button-info:enabled:hover, .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info:enabled:hover, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #138496;
color: #ffffff;
border-color: #117a8b;
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #138496;
color: #ffffff;
border-color: #117a8b;
}
-.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #17a2b8;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:hover, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(23, 162, 184, 0.04);
color: #17a2b8;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(23, 162, 184, 0.16);
color: #17a2b8;
border: 1px solid;
}
-.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #17a2b8;
border-color: transparent;
}
-.p-button.p-button-info.p-button-text:enabled:hover, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(23, 162, 184, 0.04);
border-color: transparent;
color: #17a2b8;
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(23, 162, 184, 0.16);
border-color: transparent;
color: #17a2b8;
}
-.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #28a745;
border: 1px solid #28a745;
}
-.p-button.p-button-success:enabled:hover, .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success:enabled:hover, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #218838;
color: #ffffff;
border-color: #1e7e34;
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #1e7e34;
color: #ffffff;
border-color: #1c7430;
}
-.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #28a745;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:hover, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(40, 167, 69, 0.04);
color: #28a745;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(40, 167, 69, 0.16);
color: #28a745;
border: 1px solid;
}
-.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #28a745;
border-color: transparent;
}
-.p-button.p-button-success.p-button-text:enabled:hover, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(40, 167, 69, 0.04);
border-color: transparent;
color: #28a745;
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(40, 167, 69, 0.16);
border-color: transparent;
color: #28a745;
}
-.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529;
background: #ffc107;
border: 1px solid #ffc107;
}
-.p-button.p-button-warning:enabled:hover, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning:enabled:hover, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #e0a800;
color: #212529;
border-color: #d39e00;
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #d39e00;
color: #212529;
border-color: #c69500;
}
-.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #ffc107;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(255, 193, 7, 0.04);
color: #ffc107;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(255, 193, 7, 0.16);
color: #ffc107;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #ffc107;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-text:enabled:hover, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(255, 193, 7, 0.04);
border-color: transparent;
color: #ffc107;
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(255, 193, 7, 0.16);
border-color: transparent;
color: #ffc107;
}
-.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #6f42c1;
border: 1px solid #6f42c1;
}
-.p-button.p-button-help:enabled:hover, .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help:enabled:hover, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #633bad;
color: #ffffff;
border-color: #58349a;
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #d3c6ec;
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #58349a;
color: #ffffff;
border-color: #4d2e87;
}
-.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #6f42c1;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:hover, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(111, 66, 193, 0.04);
color: #6f42c1;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(111, 66, 193, 0.16);
color: #6f42c1;
border: 1px solid;
}
-.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #6f42c1;
border-color: transparent;
}
-.p-button.p-button-help.p-button-text:enabled:hover, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(111, 66, 193, 0.04);
border-color: transparent;
color: #6f42c1;
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(111, 66, 193, 0.16);
border-color: transparent;
color: #6f42c1;
}
-.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #dc3545;
border: 1px solid #dc3545;
}
-.p-button.p-button-danger:enabled:hover, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger:enabled:hover, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #c82333;
color: #ffffff;
border-color: #bd2130;
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #bd2130;
color: #ffffff;
border-color: #b21f2d;
}
-.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #dc3545;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(220, 53, 69, 0.04);
color: #dc3545;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(220, 53, 69, 0.16);
color: #dc3545;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #dc3545;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-text:enabled:hover, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(220, 53, 69, 0.04);
border-color: transparent;
color: #dc3545;
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(220, 53, 69, 0.16);
border-color: transparent;
color: #dc3545;
@@ -2236,25 +2164,89 @@
background: transparent;
border: transparent;
}
-.p-button.p-button-link:enabled:hover, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-link:enabled:hover {
background: transparent;
color: #0069d9;
border-color: transparent;
}
-.p-button.p-button-link:enabled:hover .p-button-label, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
+.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
-.p-button.p-button-link:enabled:focus, .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
border-color: transparent;
}
-.p-button.p-button-link:enabled:active, .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-link:enabled:active {
background: transparent;
color: #007bff;
border-color: transparent;
}
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: #495057;
+ color: #fff;
+}
+.p-speeddial-action:hover {
+ background: #343a40;
+ color: #fff;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
.p-splitbutton {
border-radius: 4px;
}
@@ -2507,70 +2499,6 @@
color: #dc3545;
}
-.p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
-}
-.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
-}
-
-.p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #495057;
- color: #fff;
-}
-.p-speeddial-action:hover {
- background: #343a40;
- color: #fff;
-}
-
-.p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
-}
-
-.p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
-}
-
-.p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
-}
-
-.p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
-}
-
-.p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
-}
-.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
-}
-
-.p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
-}
-
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
@@ -2672,11 +2600,11 @@
background: #007bff;
margin-left: 0.5rem;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: #e9ecef;
color: #212529;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: #6c757d;
}
.p-datatable .p-sortable-column.p-highlight {
@@ -2686,11 +2614,11 @@
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: #007bff;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column.p-highlight:hover {
background: #e9ecef;
color: #007bff;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
color: #007bff;
}
.p-datatable .p-sortable-column:focus {
@@ -2742,9 +2670,9 @@
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 600;
}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
- background: #007bff;
- color: #ffffff;
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid rgba(38, 143, 255, 0.5);
+ outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: #007bff;
@@ -2756,23 +2684,7 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #007bff;
}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
- background: #e9ecef;
- color: #212529;
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
- outline: 0.15rem solid rgba(38, 143, 255, 0.5);
- 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: #e9ecef;
- color: #212529;
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
- outline: 0.15rem solid rgba(38, 143, 255, 0.5);
- outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
color: #212529;
}
@@ -2812,22 +2724,31 @@
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: rgba(0, 0, 0, 0.05);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #007bff;
color: #ffffff;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #ffffff;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #ffffff;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
- background: rgba(0, 0, 0, 0.05);
-}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
@@ -2859,10 +2780,6 @@
padding: 1.25rem 1.25rem;
}
-.p-datatable-drag-selection-helper {
- background: rgba(0, 123, 255, 0.16);
-}
-
.p-dataview .p-paginator-top {
border-width: 1px 0 0 0;
border-radius: 0;
@@ -2899,46 +2816,6 @@
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
-.p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
-}
-
-.p-datascroller .p-paginator-top {
- border-width: 1px 0 0 0;
- border-radius: 0;
-}
-.p-datascroller .p-paginator-bottom {
- border-width: 1px 0 0 0;
- border-radius: 0;
-}
-.p-datascroller .p-datascroller-header {
- background: #efefef;
- color: #212529;
- border: solid #dee2e6;
- border-width: 1px 0 0 0;
- padding: 1rem 1rem;
- font-weight: 600;
-}
-.p-datascroller .p-datascroller-content {
- background: #ffffff;
- color: #212529;
- border: 0 none;
- padding: 0;
-}
-.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
- border: 1px solid #dee2e6;
- border-width: 1px 0 0 0;
-}
-.p-datascroller .p-datascroller-footer {
- background: #efefef;
- color: #212529;
- border: 1px solid #dee2e6;
- border-width: 1px 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px;
-}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
@@ -3364,19 +3241,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-orderlist .p-orderlist-filter-container {
- padding: 1rem 1.25rem;
- background: #ffffff;
- border: 1px solid #dee2e6;
- border-bottom: 0 none;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.75rem;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.75rem;
- color: #495057;
-}
.p-orderlist .p-orderlist-list {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -3413,22 +3277,6 @@
background: #e9ecef;
}
-@media screen and (max-width: 769px) {
- .p-orderlist {
- flex-direction: column;
- }
- .p-orderlist .p-orderlist-controls {
- padding: 1.25rem;
- flex-direction: row;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-controls .p-button:last-child {
- margin-right: 0;
- }
-}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: #e9ecef;
color: #212529;
@@ -3507,6 +3355,7 @@
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
+ margin-right: 0.5rem;
height: 2.357rem;
}
.p-paginator .p-dropdown .p-dropdown-label {
@@ -3565,19 +3414,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-picklist .p-picklist-filter-container {
- padding: 1rem 1.25rem;
- background: #ffffff;
- border: 1px solid #dee2e6;
- border-bottom: 0 none;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.75rem;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.75rem;
- color: #495057;
-}
.p-picklist .p-picklist-list {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -3607,35 +3443,38 @@
color: #ffffff;
background: #007bff;
}
-
-@media screen and (max-width: 769px) {
- .p-picklist {
- flex-direction: column;
- }
- .p-picklist .p-picklist-buttons {
- padding: 1.25rem;
- flex-direction: row;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-buttons .p-button:last-child {
- margin-right: 0;
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
- content: "\e930";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
- content: "\e92c";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
- content: "\e933";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
- content: "\e92f";
- }
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: rgba(0, 0, 0, 0.05);
}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: #e9ecef;
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 0 none;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #007bff;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #dee2e6;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
.p-tree {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -3702,10 +3541,6 @@
background: #e9ecef;
color: #212529;
}
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: #e9ecef;
- color: #212529;
-}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
@@ -3723,12 +3558,6 @@
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
-.p-tree .p-treenode-droppoint {
- height: 0.5rem;
-}
-.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
- background: #0062cc;
-}
.p-treetable .p-paginator-top {
border-width: 1px 0 0 0;
@@ -3854,11 +3683,11 @@
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: #ffffff;
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
color: #212529;
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: #212529;
}
.p-treetable .p-column-resizer-helper {
@@ -3923,31 +3752,6 @@
padding: 1.25rem 1.25rem;
}
-.p-timeline .p-timeline-event-marker {
- border: 0 none;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #007bff;
-}
-.p-timeline .p-timeline-event-connector {
- background-color: #dee2e6;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
-}
-
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem 1.25rem;
border: 1px solid #dee2e6;
@@ -3963,7 +3767,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
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-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #e9ecef;
@@ -4017,7 +3821,7 @@
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
-.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-content {
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
@@ -4080,6 +3884,9 @@
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: #212529;
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: #e9ecef;
border-color: #dee2e6;
@@ -4163,6 +3970,17 @@
border-top: 0 none;
}
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #efefef;
+ border: 0 none;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
+
.p-splitter {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -4175,16 +3993,17 @@
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: #dee2e6;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-splitter .p-splitter-gutter-resizing {
background: #dee2e6;
}
-.p-scrollpanel .p-scrollpanel-bar {
- background: #efefef;
- border: 0 none;
-}
-
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #dee2e6;
@@ -4221,9 +4040,6 @@
border-color: #dee2e6 #dee2e6 #ffffff #dee2e6;
color: #495057;
}
-.p-tabview .p-tabview-close {
- margin-left: 0.5rem;
-}
.p-tabview .p-tabview-nav-btn.p-link {
background: #ffffff;
color: #495057;
@@ -4476,9 +4292,12 @@
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
+ gap: 0.5rem;
}
-.p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-fileupload .p-fileupload-content {
background: #ffffff;
@@ -4488,6 +4307,22 @@
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #dee2e6;
+ border-radius: 4px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
.p-fileupload .p-progressbar {
height: 0.25rem;
}
@@ -4498,35 +4333,46 @@
margin-top: 0;
}
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #0069d9;
+ color: #ffffff;
+ border-color: #0069d9;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #0062cc;
+ color: #ffffff;
+ border-color: #0062cc;
+}
+
.p-breadcrumb {
background: #efefef;
border: 0 none;
border-radius: 4px;
padding: 1rem;
}
-.p-breadcrumb ul li .p-menuitem-link {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: box-shadow 0.15s;
border-radius: 4px;
}
-.p-breadcrumb ul li .p-menuitem-link:focus {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: #007bff;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: #007bff;
}
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: #6c757d;
}
-.p-breadcrumb ul li:last-child .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: #6c757d;
}
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: #6c757d;
}
@@ -4539,39 +4385,8 @@
border-radius: 4px;
width: 12.5rem;
}
-.p-contextmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #212529;
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: #212529;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: #212529;
- margin-right: 0.5rem;
-}
-.p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: #212529;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #212529;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #212529;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #212529;
-}
-.p-contextmenu .p-menuitem-link:focus {
+.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
}
.p-contextmenu .p-submenu-list {
padding: 0.5rem 0;
@@ -4580,16 +4395,59 @@
box-shadow: none;
border-radius: 4px;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+ color: #212529;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #212529;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #212529;
background: #e9ecef;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .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.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-menu-separator {
+.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:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #212529;
+ background: #e9ecef;
+}
+.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: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-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.5rem 0;
}
@@ -4597,78 +4455,71 @@
font-size: 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-action {
+.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-link {
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 {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
- .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list {
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
- .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container {
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
- .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
- .p-dock.p-dock-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 {
+ .p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
@@ -4680,90 +4531,60 @@
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;
- transition: box-shadow 0.15s;
- 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-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.5);
- 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 {
+.p-megamenu .p-megamenu-root-list {
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-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(0, 0, 0, 0.9);
-}
-.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-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-link {
- padding: 0.75rem 1rem;
+.p-megamenu .p-menuitem > .p-menuitem-content {
color: #212529;
- border-radius: 0;
transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
user-select: none;
}
-.p-megamenu .p-menuitem-link .p-menuitem-text {
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #212529;
}
-.p-megamenu .p-menuitem-link .p-menuitem-icon {
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
color: #212529;
margin-right: 0.5rem;
}
-.p-megamenu .p-menuitem-link .p-submenu-icon {
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #212529;
}
-.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #212529;
background: #e9ecef;
}
-.p-megamenu .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: #212529;
}
-.p-megamenu .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: #212529;
}
-.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #e9ecef;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #212529;
+ background: #dee2e6;
+}
+.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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
+.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;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #212529;
+ background: #e9ecef;
+}
+.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: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-megamenu-panel {
background: #ffffff;
@@ -4771,7 +4592,7 @@
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;
@@ -4780,27 +4601,48 @@
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;
}
+.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-menu {
padding: 0.5rem 0;
@@ -4810,39 +4652,57 @@
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 {
+ padding: 0.75rem 1rem;
user-select: none;
}
-.p-menu .p-menuitem-link .p-menuitem-text {
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #212529;
}
-.p-menu .p-menuitem-link .p-menuitem-icon {
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
color: #212529;
margin-right: 0.5rem;
}
-.p-menu .p-menuitem-link .p-submenu-icon {
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #212529;
}
-.p-menu .p-menuitem-link:not(.p-disabled):hover {
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #212529;
background: #e9ecef;
}
-.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #212529;
}
-.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #212529;
}
-.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+.p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #e9ecef;
+}
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #212529;
+ background: #dee2e6;
+}
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
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-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #212529;
+ background: #e9ecef;
+}
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #212529;
}
.p-menu.p-menu-overlay {
background: #ffffff;
@@ -4858,7 +4718,7 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
}
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.5rem 0;
}
@@ -4870,90 +4730,90 @@
border: 0 none;
border-radius: 4px;
}
-.p-menubar .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #212529;
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none;
-}
-.p-menubar .p-menuitem-link .p-menuitem-text {
- color: #212529;
-}
-.p-menubar .p-menuitem-link .p-menuitem-icon {
- color: #212529;
- margin-right: 0.5rem;
-}
-.p-menubar .p-menuitem-link .p-submenu-icon {
- color: #212529;
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #212529;
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #212529;
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #212529;
-}
-.p-menubar .p-menuitem-link:focus {
+.p-menubar .p-menubar-root-list {
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 {
- padding: 1rem;
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
color: rgba(0, 0, 0, 0.5);
- border-radius: 4px;
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-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.5);
}
-.p-menubar .p-menubar-root-list > .p-menuitem > .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.5);
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-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 > .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.7);
background: transparent;
}
-.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: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 > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(0, 0, 0, 0.7);
}
-.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.7);
+.p-menubar .p-menuitem > .p-menuitem-content {
+ color: #212529;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
}
-.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-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
}
-.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 > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #212529;
}
-.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-menuitem > .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-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-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #212529;
}
-.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);
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #212529;
+ background: #e9ecef;
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.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:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #212529;
+ background: #e9ecef;
+}
+.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-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-submenu-list {
padding: 0.5rem 0;
@@ -4962,22 +4822,13 @@
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 #dee2e6;
margin: 0.5rem 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
font-size: 0.875rem;
}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #e9ecef;
-}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #212529;
-}
-.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;
-}
@media screen and (max-width: 960px) {
.p-menubar {
@@ -5009,56 +4860,22 @@
box-shadow: none;
width: 100%;
}
- .p-menubar .p-menubar-root-list .p-menu-separator {
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.5rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
- .p-menubar .p-menubar-root-list > .p-menuitem {
+ .p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #212529;
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .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 {
- color: #212529;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #212529;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #212529;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #212529;
- }
- .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 > .p-submenu-icon {
+ .p-menubar .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-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-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5071,26 +4888,26 @@
transition: transform 0.15s;
transform: rotate(90deg);
}
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 5.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 6.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 8.25rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5101,42 +4918,45 @@
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-action {
+ padding: 1rem 1.25rem;
+ font-weight: 600;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a:focus {
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .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;
@@ -5152,66 +4972,91 @@
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 {
+ 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: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 .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-icon, .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;
}
@@ -5220,80 +5065,6 @@
border-bottom-left-radius: 4px;
}
-.p-slidemenu {
- padding: 0.5rem 0;
- background: #ffffff;
- color: #212529;
- border: 1px solid #dee2e6;
- border-radius: 4px;
- width: 12.5rem;
-}
-.p-slidemenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #212529;
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-text {
- color: #212529;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-icon {
- color: #212529;
- margin-right: 0.5rem;
-}
-.p-slidemenu .p-menuitem-link .p-submenu-icon {
- color: #212529;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #212529;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #212529;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #212529;
-}
-.p-slidemenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
-}
-.p-slidemenu.p-slidemenu-overlay {
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none;
-}
-.p-slidemenu .p-slidemenu-list {
- padding: 0.5rem 0;
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none;
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
- background: #e9ecef;
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
- color: #212529;
-}
-.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: #212529;
-}
-.p-slidemenu .p-slidemenu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.5rem 0;
-}
-.p-slidemenu .p-slidemenu-icon {
- font-size: 0.875rem;
-}
-.p-slidemenu .p-slidemenu-backward {
- padding: 0.75rem 1rem;
- color: #212529;
-}
-
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.15s;
@@ -5359,7 +5130,6 @@
border-top-left-radius: 4px;
transition: box-shadow 0.15s;
margin: 0 0 -1px 0;
- height: calc(100% + 1px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
@@ -5388,61 +5158,73 @@
border-radius: 4px;
width: 12.5rem;
}
-.p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #212529;
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: #212529;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: #212529;
- margin-right: 0.5rem;
-}
-.p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: #212529;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #212529;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #212529;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #212529;
-}
-.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-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-active > .p-menuitem-link {
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+ color: #212529;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #212529;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #212529;
background: #e9ecef;
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .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.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-menu-separator {
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #e9ecef;
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #212529;
+ background: #dee2e6;
+}
+.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-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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #212529;
+ background: #e9ecef;
+}
+.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: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-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.5rem 0;
}
@@ -5754,9 +5536,6 @@
background: rgba(255, 255, 255, 0.1);
color: #efefef;
}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- transition: box-shadow 0.15s;
-}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
@@ -5830,6 +5609,48 @@
border: 2px solid #ffffff;
}
+.p-badge {
+ background: #007bff;
+ color: #ffffff;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #6c757d;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #28a745;
+ color: #ffffff;
+}
+.p-badge.p-badge-info {
+ background-color: #17a2b8;
+ color: #ffffff;
+}
+.p-badge.p-badge-warning {
+ background-color: #ffc107;
+ color: #212529;
+}
+.p-badge.p-badge-danger {
+ background-color: #dc3545;
+ color: #ffffff;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
.p-chip {
background-color: #dee2e6;
color: #212529;
@@ -5851,9 +5672,9 @@
margin-right: 0.5rem;
}
.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
border-radius: 4px;
transition: box-shadow 0.15s;
- margin-left: 0.5rem;
}
.p-chip .p-chip-remove-icon:focus {
outline: 0 none;
@@ -5861,6 +5682,37 @@
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
+.p-inplace .p-inplace-display {
+ padding: 0.5rem 0.75rem;
+ border-radius: 4px;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: #e9ecef;
+ color: #212529;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 1.5rem;
+ background: #e9ecef;
+ border-radius: 4px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #007bff;
+}
+.p-progressbar .p-progressbar-label {
+ color: #ffffff;
+ line-height: 1.5rem;
+}
+
.p-scrolltop {
width: 3rem;
height: 3rem;
@@ -5916,37 +5768,6 @@
font-size: 0.75rem;
}
-.p-inplace .p-inplace-display {
- padding: 0.5rem 0.75rem;
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
-}
-.p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: #e9ecef;
- color: #212529;
-}
-.p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
-}
-
-.p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #e9ecef;
- border-radius: 4px;
-}
-.p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #007bff;
-}
-.p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 1.5rem;
-}
-
.p-terminal {
background: #ffffff;
color: #212529;
@@ -5958,73 +5779,6 @@
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
-.p-badge {
- background: #007bff;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
-}
-.p-badge.p-badge-secondary {
- background-color: #6c757d;
- color: #ffffff;
-}
-.p-badge.p-badge-success {
- background-color: #28a745;
- color: #ffffff;
-}
-.p-badge.p-badge-info {
- background-color: #17a2b8;
- color: #ffffff;
-}
-.p-badge.p-badge-warning {
- background-color: #ffc107;
- color: #212529;
-}
-.p-badge.p-badge-danger {
- background-color: #dc3545;
- color: #ffffff;
-}
-.p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
-}
-.p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
-}
-
-.p-tag {
- background: #007bff;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 4px;
-}
-.p-tag.p-tag-success {
- background-color: #28a745;
- color: #ffffff;
-}
-.p-tag.p-tag-info {
- background-color: #17a2b8;
- color: #ffffff;
-}
-.p-tag.p-tag-warning {
- background-color: #ffc107;
- color: #212529;
-}
-.p-tag.p-tag-danger {
- background-color: #dc3545;
- color: #ffffff;
-}
-
/* Vendor extensions to the designer enhanced bootstrap compatibility */
.p-breadcrumb .p-breadcrumb-chevron {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -6033,4 +5787,8 @@
content: "/";
}
+.fc.fc-theme-standard .fc-highlight {
+ background: #cce5ff;
+}
+
/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css
index b7f8d2d..f2f12c1 100644
--- a/public/themes/bootstrap4-light-purple/theme.css
+++ b/public/themes/bootstrap4-light-purple/theme.css
@@ -40,8 +40,8 @@
--surface-overlay:#ffffff;
--surface-border:#dee2e6;
--surface-hover:#e9ecef;
- --maskbg: rgba(0, 0, 0, 0.4);
--focus-ring: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+ --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light;
}
@@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.107rem;
}
-.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.75rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #ced4da;
}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
border-color: #883cae;
}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.25rem 0.75rem;
+ gap: 0.5rem;
+}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
@@ -265,14 +266,17 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #883cae;
- color: #ffffff;
- border-radius: 4px;
+ background: #dee2e6;
+ color: #212529;
+ border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #ced4da;
+ color: #212529;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #dc3545;
}
@@ -296,14 +300,21 @@
transition: box-shadow 0.15s;
border-radius: 0;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: #212529;
- background: #e9ecef;
-}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #ffffff;
background: #883cae;
}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: #703290;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #212529;
+ background: #dee2e6;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #212529;
+ background: #e9ecef;
+}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
@@ -494,10 +505,10 @@
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
+ border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
- border-left: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: #e9ecef;
@@ -585,22 +596,24 @@
transition: box-shadow 0.15s;
border-radius: 0;
}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1.5rem;
-}
-.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 rgba(136, 60, 174, 0.5);
-}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #ffffff;
background: #883cae;
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: #703290;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #212529;
+ background: #dee2e6;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #212529;
background: #e9ecef;
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.5rem 1.5rem;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@@ -637,11 +650,6 @@
border-color: #883cae;
background: #883cae;
}
-.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
- border-color: #68329e;
- background: #68329e;
- color: #ffffff;
-}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: #ced4da;
}
@@ -677,24 +685,28 @@
border-color: #ffffff;
}
-.p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.75rem;
-}
-.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #ced4da;
}
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
border-color: #883cae;
}
+.p-chips .p-chips-multiple-container {
+ padding: 0.25rem 0.75rem;
+}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.75rem;
margin-right: 0.5rem;
- background: #883cae;
- color: #ffffff;
- border-radius: 4px;
+ background: #dee2e6;
+ color: #212529;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #ced4da;
+ color: #212529;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@@ -756,7 +768,7 @@
.p-dropdown .p-dropdown-label.p-placeholder {
color: #6c757d;
}
-.p-dropdown .p-dropdown-label:enabled:focus {
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
@@ -799,13 +811,6 @@
right: 0.75rem;
color: #495057;
}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
- padding-right: 3.5rem;
- margin-right: -3.5rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
- right: 2.5rem;
-}
.p-dropdown-panel .p-dropdown-items {
padding: 0.5rem 0;
}
@@ -822,6 +827,13 @@
color: #ffffff;
background: #883cae;
}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: #703290;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #212529;
+ background: #dee2e6;
+}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: #212529;
background: #e9ecef;
@@ -1063,7 +1075,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #883cae;
}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
+.p-inputswitch.p-invalid {
border-color: #dc3545;
}
@@ -1105,13 +1117,11 @@
transition-duration: 0.15s;
}
-.p-float-label > label.p-error {
+.p-float-label > .p-invalid + label {
color: #dc3545;
}
-.p-input-icon-left > i:first-of-type,
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: #495057;
}
@@ -1124,9 +1134,7 @@
left: 2.5rem;
}
-.p-input-icon-right > i:last-of-type,
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: #495057;
}
@@ -1176,6 +1184,7 @@
color: #212529;
border: 1px solid #ced4da;
border-radius: 4px;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.p-listbox .p-listbox-header {
padding: 0.75rem 1.5rem;
@@ -1195,6 +1204,7 @@
}
.p-listbox .p-listbox-list {
padding: 0.5rem 0;
+ outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
@@ -1208,11 +1218,6 @@
color: #ffffff;
background: #883cae;
}
-.p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
-}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 0.75rem 1rem;
@@ -1225,42 +1230,27 @@
color: #212529;
background: transparent;
}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: #703290;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #212529;
+ background: #dee2e6;
+}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: #212529;
background: #e9ecef;
}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+ border-color: #883cae;
+}
.p-listbox.p-invalid {
border-color: #dc3545;
}
-.p-mention-panel {
- background: #ffffff;
- color: #212529;
- border: 1px solid rgba(0, 0, 0, 0.15);
- border-radius: 4px;
- box-shadow: none;
-}
-.p-mention-panel .p-mention-items {
- padding: 0.5rem 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: #212529;
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item:hover {
- color: #212529;
- background: #e9ecef;
-}
-.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
- color: #ffffff;
- background: #883cae;
-}
-
.p-multiselect {
background: #ffffff;
border: 1px solid #ced4da;
@@ -1276,9 +1266,6 @@
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
border-color: #883cae;
}
-.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.75rem;
-}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.75rem;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
@@ -1289,9 +1276,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.25rem 0.75rem;
margin-right: 0.5rem;
- background: #883cae;
- color: #ffffff;
- border-radius: 4px;
+ background: #dee2e6;
+ color: #212529;
+ border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
@@ -1303,10 +1290,6 @@
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
-.p-multiselect .p-multiselect-clear-icon {
- color: #495057;
- right: 2.357rem;
-}
.p-multiselect.p-invalid.p-component {
border-color: #dc3545;
}
@@ -1314,12 +1297,6 @@
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.25rem 0.75rem;
}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
- padding: 0.5rem 0.75rem;
-}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.75rem;
-}
.p-multiselect-panel {
background: #ffffff;
@@ -1337,9 +1314,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
- margin: 0 0.5rem;
-}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.75rem;
}
@@ -1347,7 +1321,11 @@
right: 0.75rem;
color: #495057;
}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: #6c757d;
@@ -1382,15 +1360,17 @@
color: #ffffff;
background: #883cae;
}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: #703290;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #212529;
+ background: #dee2e6;
+}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #212529;
background: #e9ecef;
}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
-}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
@@ -1442,16 +1422,6 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #28a745;
}
-.p-password-panel .p-password-info.weak {
- color: #dc3545;
-}
-.p-password-panel .p-password-info.medium {
- color: #ffc107;
-}
-.p-password-panel .p-password-info.strong {
- color: #28a745;
-}
-
.p-radiobutton {
width: 20px;
@@ -1525,10 +1495,11 @@
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #dc3545;
}
-.p-rating .p-rating-item:focus {
+.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+ border-color: #883cae;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #883cae;
@@ -1676,50 +1647,6 @@
border-radius: 4px;
box-shadow: none;
}
-.p-treeselect-panel .p-treeselect-header {
- padding: 0.75rem 1.5rem;
- border-bottom: 1px solid #dee2e6;
- color: #212529;
- background: #efefef;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
- margin-right: 0.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
- padding-right: 1.75rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.75rem;
- color: #495057;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 3.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 2.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
-}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
@@ -1749,6 +1676,12 @@
.p-togglebutton.p-button .p-button-icon-right {
color: #ffffff;
}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+ border-color: #883cae;
+}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: #5a6268;
border-color: #545b62;
@@ -1789,12 +1722,12 @@
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
border-radius: 4px;
}
-.p-button:enabled:hover, .p-button:not(button):not(a):not(.p-disabled):hover {
+.p-button:enabled:hover {
background: #7a38a7;
color: #ffffff;
border-color: #7a38a7;
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: #68329e;
color: #ffffff;
border-color: #68329e;
@@ -1804,12 +1737,12 @@
color: #883cae;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined:enabled:hover {
background: rgba(136, 60, 174, 0.04);
color: #883cae;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined:enabled:active {
background: rgba(136, 60, 174, 0.16);
color: #883cae;
border: 1px solid;
@@ -1818,11 +1751,11 @@
color: #6c757d;
border-color: #6c757d;
}
-.p-button.p-button-outlined.p-button-plain:enabled:hover, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: #e9ecef;
color: #6c757d;
}
-.p-button.p-button-outlined.p-button-plain:enabled:active, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined.p-button-plain:enabled:active {
background: #dee2e6;
color: #6c757d;
}
@@ -1831,12 +1764,12 @@
color: #883cae;
border-color: transparent;
}
-.p-button.p-button-text:enabled:hover, .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text:enabled:hover {
background: rgba(136, 60, 174, 0.04);
color: #883cae;
border-color: transparent;
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active {
background: rgba(136, 60, 174, 0.16);
color: #883cae;
border-color: transparent;
@@ -1844,11 +1777,11 @@
.p-button.p-button-text.p-button-plain {
color: #6c757d;
}
-.p-button.p-button-text.p-button-plain:enabled:hover, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text.p-button-plain:enabled:hover {
background: #e9ecef;
color: #6c757d;
}
-.p-button.p-button-text.p-button-plain:enabled:active, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text.p-button-plain:enabled:active {
background: #dee2e6;
color: #6c757d;
}
@@ -1857,6 +1790,9 @@
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
}
+.p-button .p-button-label {
+ transition-duration: 0.15s;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1909,20 +1845,11 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
+.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
- margin-right: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
- margin-top: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
- margin-bottom: 0.5rem;
-}
.p-button.p-button-loading-label-only .p-button-loading-icon {
- margin: 0;
+ margin-right: 0;
}
.p-fluid .p-button {
@@ -1938,295 +1865,295 @@
flex: 1;
}
-.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 {
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #6c757d;
border: 1px solid #6c757d;
}
-.p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary:enabled:hover, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #5a6268;
color: #ffffff;
border-color: #5a6268;
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #545b62;
color: #ffffff;
border-color: #4e555b;
}
-.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #6c757d;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(108, 117, 125, 0.04);
color: #6c757d;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(108, 117, 125, 0.16);
color: #6c757d;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #6c757d;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-text:enabled:hover, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(108, 117, 125, 0.04);
border-color: transparent;
color: #6c757d;
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(108, 117, 125, 0.16);
border-color: transparent;
color: #6c757d;
}
-.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #17a2b8;
border: 1px solid #17a2b8;
}
-.p-button.p-button-info:enabled:hover, .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info:enabled:hover, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #138496;
color: #ffffff;
border-color: #117a8b;
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #138496;
color: #ffffff;
border-color: #117a8b;
}
-.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #17a2b8;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:hover, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(23, 162, 184, 0.04);
color: #17a2b8;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(23, 162, 184, 0.16);
color: #17a2b8;
border: 1px solid;
}
-.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #17a2b8;
border-color: transparent;
}
-.p-button.p-button-info.p-button-text:enabled:hover, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(23, 162, 184, 0.04);
border-color: transparent;
color: #17a2b8;
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(23, 162, 184, 0.16);
border-color: transparent;
color: #17a2b8;
}
-.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #28a745;
border: 1px solid #28a745;
}
-.p-button.p-button-success:enabled:hover, .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success:enabled:hover, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #218838;
color: #ffffff;
border-color: #1e7e34;
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #1e7e34;
color: #ffffff;
border-color: #1c7430;
}
-.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #28a745;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:hover, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(40, 167, 69, 0.04);
color: #28a745;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(40, 167, 69, 0.16);
color: #28a745;
border: 1px solid;
}
-.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #28a745;
border-color: transparent;
}
-.p-button.p-button-success.p-button-text:enabled:hover, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(40, 167, 69, 0.04);
border-color: transparent;
color: #28a745;
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(40, 167, 69, 0.16);
border-color: transparent;
color: #28a745;
}
-.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529;
background: #ffc107;
border: 1px solid #ffc107;
}
-.p-button.p-button-warning:enabled:hover, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning:enabled:hover, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #e0a800;
color: #212529;
border-color: #d39e00;
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #d39e00;
color: #212529;
border-color: #c69500;
}
-.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #ffc107;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(255, 193, 7, 0.04);
color: #ffc107;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(255, 193, 7, 0.16);
color: #ffc107;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #ffc107;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-text:enabled:hover, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(255, 193, 7, 0.04);
border-color: transparent;
color: #ffc107;
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(255, 193, 7, 0.16);
border-color: transparent;
color: #ffc107;
}
-.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #6f42c1;
border: 1px solid #6f42c1;
}
-.p-button.p-button-help:enabled:hover, .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help:enabled:hover, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #633bad;
color: #ffffff;
border-color: #58349a;
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #d3c6ec;
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #58349a;
color: #ffffff;
border-color: #4d2e87;
}
-.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #6f42c1;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:hover, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(111, 66, 193, 0.04);
color: #6f42c1;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(111, 66, 193, 0.16);
color: #6f42c1;
border: 1px solid;
}
-.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #6f42c1;
border-color: transparent;
}
-.p-button.p-button-help.p-button-text:enabled:hover, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(111, 66, 193, 0.04);
border-color: transparent;
color: #6f42c1;
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(111, 66, 193, 0.16);
border-color: transparent;
color: #6f42c1;
}
-.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #dc3545;
border: 1px solid #dc3545;
}
-.p-button.p-button-danger:enabled:hover, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger:enabled:hover, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #c82333;
color: #ffffff;
border-color: #bd2130;
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #bd2130;
color: #ffffff;
border-color: #b21f2d;
}
-.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #dc3545;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(220, 53, 69, 0.04);
color: #dc3545;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(220, 53, 69, 0.16);
color: #dc3545;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #dc3545;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-text:enabled:hover, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(220, 53, 69, 0.04);
border-color: transparent;
color: #dc3545;
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(220, 53, 69, 0.16);
border-color: transparent;
color: #dc3545;
@@ -2237,25 +2164,89 @@
background: transparent;
border: transparent;
}
-.p-button.p-button-link:enabled:hover, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-link:enabled:hover {
background: transparent;
color: #7a38a7;
border-color: transparent;
}
-.p-button.p-button-link:enabled:hover .p-button-label, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
+.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
-.p-button.p-button-link:enabled:focus, .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
border-color: transparent;
}
-.p-button.p-button-link:enabled:active, .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-link:enabled:active {
background: transparent;
color: #883cae;
border-color: transparent;
}
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: #495057;
+ color: #fff;
+}
+.p-speeddial-action:hover {
+ background: #343a40;
+ color: #fff;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
.p-splitbutton {
border-radius: 4px;
}
@@ -2508,70 +2499,6 @@
color: #dc3545;
}
-.p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
-}
-.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
-}
-
-.p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #495057;
- color: #fff;
-}
-.p-speeddial-action:hover {
- background: #343a40;
- color: #fff;
-}
-
-.p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
-}
-
-.p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
-}
-
-.p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
-}
-
-.p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
-}
-
-.p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
-}
-.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
-}
-
-.p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
-}
-
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
@@ -2673,11 +2600,11 @@
background: #883cae;
margin-left: 0.5rem;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: #e9ecef;
color: #212529;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: #6c757d;
}
.p-datatable .p-sortable-column.p-highlight {
@@ -2687,11 +2614,11 @@
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: #883cae;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column.p-highlight:hover {
background: #e9ecef;
color: #883cae;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
color: #883cae;
}
.p-datatable .p-sortable-column:focus {
@@ -2743,9 +2670,9 @@
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 600;
}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
- background: #883cae;
- color: #ffffff;
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid rgba(136, 60, 174, 0.5);
+ outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: #883cae;
@@ -2757,23 +2684,7 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #883cae;
}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
- background: #e9ecef;
- color: #212529;
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
- outline: 0.15rem solid rgba(136, 60, 174, 0.5);
- 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: #e9ecef;
- color: #212529;
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
- outline: 0.15rem solid rgba(136, 60, 174, 0.5);
- outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
color: #212529;
}
@@ -2813,22 +2724,31 @@
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: rgba(0, 0, 0, 0.05);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #883cae;
color: #ffffff;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #ffffff;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #ffffff;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
- background: rgba(0, 0, 0, 0.05);
-}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
@@ -2860,10 +2780,6 @@
padding: 1.25rem 1.25rem;
}
-.p-datatable-drag-selection-helper {
- background: rgba(136, 60, 174, 0.16);
-}
-
.p-dataview .p-paginator-top {
border-width: 1px 0 0 0;
border-radius: 0;
@@ -2900,46 +2816,6 @@
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
-.p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
-}
-
-.p-datascroller .p-paginator-top {
- border-width: 1px 0 0 0;
- border-radius: 0;
-}
-.p-datascroller .p-paginator-bottom {
- border-width: 1px 0 0 0;
- border-radius: 0;
-}
-.p-datascroller .p-datascroller-header {
- background: #efefef;
- color: #212529;
- border: solid #dee2e6;
- border-width: 1px 0 0 0;
- padding: 1rem 1rem;
- font-weight: 600;
-}
-.p-datascroller .p-datascroller-content {
- background: #ffffff;
- color: #212529;
- border: 0 none;
- padding: 0;
-}
-.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
- border: 1px solid #dee2e6;
- border-width: 1px 0 0 0;
-}
-.p-datascroller .p-datascroller-footer {
- background: #efefef;
- color: #212529;
- border: 1px solid #dee2e6;
- border-width: 1px 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px;
-}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
@@ -3365,19 +3241,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-orderlist .p-orderlist-filter-container {
- padding: 1rem 1.25rem;
- background: #ffffff;
- border: 1px solid #dee2e6;
- border-bottom: 0 none;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.75rem;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.75rem;
- color: #495057;
-}
.p-orderlist .p-orderlist-list {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -3414,22 +3277,6 @@
background: #e9ecef;
}
-@media screen and (max-width: 769px) {
- .p-orderlist {
- flex-direction: column;
- }
- .p-orderlist .p-orderlist-controls {
- padding: 1.25rem;
- flex-direction: row;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-controls .p-button:last-child {
- margin-right: 0;
- }
-}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: #e9ecef;
color: #212529;
@@ -3508,6 +3355,7 @@
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
+ margin-right: 0.5rem;
height: 2.357rem;
}
.p-paginator .p-dropdown .p-dropdown-label {
@@ -3566,19 +3414,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-picklist .p-picklist-filter-container {
- padding: 1rem 1.25rem;
- background: #ffffff;
- border: 1px solid #dee2e6;
- border-bottom: 0 none;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.75rem;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.75rem;
- color: #495057;
-}
.p-picklist .p-picklist-list {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -3608,35 +3443,38 @@
color: #ffffff;
background: #883cae;
}
-
-@media screen and (max-width: 769px) {
- .p-picklist {
- flex-direction: column;
- }
- .p-picklist .p-picklist-buttons {
- padding: 1.25rem;
- flex-direction: row;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-buttons .p-button:last-child {
- margin-right: 0;
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
- content: "\e930";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
- content: "\e92c";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
- content: "\e933";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
- content: "\e92f";
- }
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: rgba(0, 0, 0, 0.05);
}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: #e9ecef;
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 0 none;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #883cae;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #dee2e6;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
.p-tree {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -3703,10 +3541,6 @@
background: #e9ecef;
color: #212529;
}
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: #e9ecef;
- color: #212529;
-}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
@@ -3724,12 +3558,6 @@
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
-.p-tree .p-treenode-droppoint {
- height: 0.5rem;
-}
-.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
- background: #6d308b;
-}
.p-treetable .p-paginator-top {
border-width: 1px 0 0 0;
@@ -3855,11 +3683,11 @@
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: #ffffff;
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
color: #212529;
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: #212529;
}
.p-treetable .p-column-resizer-helper {
@@ -3924,31 +3752,6 @@
padding: 1.25rem 1.25rem;
}
-.p-timeline .p-timeline-event-marker {
- border: 0 none;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #883cae;
-}
-.p-timeline .p-timeline-event-connector {
- background-color: #dee2e6;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
-}
-
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem 1.25rem;
border: 1px solid #dee2e6;
@@ -3964,7 +3767,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
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-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #e9ecef;
@@ -4018,7 +3821,7 @@
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
-.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-content {
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
@@ -4081,6 +3884,9 @@
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: #212529;
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: #e9ecef;
border-color: #dee2e6;
@@ -4164,6 +3970,17 @@
border-top: 0 none;
}
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #efefef;
+ border: 0 none;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
+
.p-splitter {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -4176,16 +3993,17 @@
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: #dee2e6;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
}
.p-splitter .p-splitter-gutter-resizing {
background: #dee2e6;
}
-.p-scrollpanel .p-scrollpanel-bar {
- background: #efefef;
- border: 0 none;
-}
-
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #dee2e6;
@@ -4222,9 +4040,6 @@
border-color: #dee2e6 #dee2e6 #ffffff #dee2e6;
color: #495057;
}
-.p-tabview .p-tabview-close {
- margin-left: 0.5rem;
-}
.p-tabview .p-tabview-nav-btn.p-link {
background: #ffffff;
color: #495057;
@@ -4477,9 +4292,12 @@
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
+ gap: 0.5rem;
}
-.p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
}
.p-fileupload .p-fileupload-content {
background: #ffffff;
@@ -4489,6 +4307,22 @@
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #dee2e6;
+ border-radius: 4px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
.p-fileupload .p-progressbar {
height: 0.25rem;
}
@@ -4499,35 +4333,46 @@
margin-top: 0;
}
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #7a38a7;
+ color: #ffffff;
+ border-color: #7a38a7;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #68329e;
+ color: #ffffff;
+ border-color: #68329e;
+}
+
.p-breadcrumb {
background: #efefef;
border: 0 none;
border-radius: 4px;
padding: 1rem;
}
-.p-breadcrumb ul li .p-menuitem-link {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: box-shadow 0.15s;
border-radius: 4px;
}
-.p-breadcrumb ul li .p-menuitem-link:focus {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: #883cae;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: #883cae;
}
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: #6c757d;
}
-.p-breadcrumb ul li:last-child .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: #6c757d;
}
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: #6c757d;
}
@@ -4540,39 +4385,8 @@
border-radius: 4px;
width: 12.5rem;
}
-.p-contextmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #212529;
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: #212529;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: #212529;
- margin-right: 0.5rem;
-}
-.p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: #212529;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #212529;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #212529;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #212529;
-}
-.p-contextmenu .p-menuitem-link:focus {
+.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
}
.p-contextmenu .p-submenu-list {
padding: 0.5rem 0;
@@ -4581,16 +4395,59 @@
box-shadow: none;
border-radius: 4px;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+ color: #212529;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #212529;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #212529;
background: #e9ecef;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .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.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-menu-separator {
+.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:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #212529;
+ background: #e9ecef;
+}
+.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: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-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.5rem 0;
}
@@ -4598,78 +4455,71 @@
font-size: 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-action {
+.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-link {
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 {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
- .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list {
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
- .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container {
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
- .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
- .p-dock.p-dock-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 {
+ .p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
@@ -4681,90 +4531,60 @@
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;
- transition: box-shadow 0.15s;
- 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-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.5);
- 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 {
+.p-megamenu .p-megamenu-root-list {
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-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(0, 0, 0, 0.9);
-}
-.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-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-link {
- padding: 0.75rem 1rem;
+.p-megamenu .p-menuitem > .p-menuitem-content {
color: #212529;
- border-radius: 0;
transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
user-select: none;
}
-.p-megamenu .p-menuitem-link .p-menuitem-text {
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #212529;
}
-.p-megamenu .p-menuitem-link .p-menuitem-icon {
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
color: #212529;
margin-right: 0.5rem;
}
-.p-megamenu .p-menuitem-link .p-submenu-icon {
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #212529;
}
-.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #212529;
background: #e9ecef;
}
-.p-megamenu .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: #212529;
}
-.p-megamenu .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: #212529;
}
-.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #e9ecef;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #212529;
+ background: #dee2e6;
+}
+.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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
+.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;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #212529;
+ background: #e9ecef;
+}
+.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: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-megamenu-panel {
background: #ffffff;
@@ -4772,7 +4592,7 @@
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;
@@ -4781,27 +4601,48 @@
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;
}
+.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-menu {
padding: 0.5rem 0;
@@ -4811,39 +4652,57 @@
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 {
+ padding: 0.75rem 1rem;
user-select: none;
}
-.p-menu .p-menuitem-link .p-menuitem-text {
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #212529;
}
-.p-menu .p-menuitem-link .p-menuitem-icon {
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
color: #212529;
margin-right: 0.5rem;
}
-.p-menu .p-menuitem-link .p-submenu-icon {
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #212529;
}
-.p-menu .p-menuitem-link:not(.p-disabled):hover {
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #212529;
background: #e9ecef;
}
-.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #212529;
}
-.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #212529;
}
-.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+.p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #e9ecef;
+}
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #212529;
+ background: #dee2e6;
+}
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
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-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #212529;
+ background: #e9ecef;
+}
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #212529;
}
.p-menu.p-menu-overlay {
background: #ffffff;
@@ -4859,7 +4718,7 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
}
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.5rem 0;
}
@@ -4871,90 +4730,90 @@
border: 0 none;
border-radius: 4px;
}
-.p-menubar .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #212529;
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none;
-}
-.p-menubar .p-menuitem-link .p-menuitem-text {
- color: #212529;
-}
-.p-menubar .p-menuitem-link .p-menuitem-icon {
- color: #212529;
- margin-right: 0.5rem;
-}
-.p-menubar .p-menuitem-link .p-submenu-icon {
- color: #212529;
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #212529;
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #212529;
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #212529;
-}
-.p-menubar .p-menuitem-link:focus {
+.p-menubar .p-menubar-root-list {
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 {
- padding: 1rem;
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
color: rgba(0, 0, 0, 0.5);
- border-radius: 4px;
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-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.5);
}
-.p-menubar .p-menubar-root-list > .p-menuitem > .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.5);
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-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 > .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.7);
background: transparent;
}
-.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: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 > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(0, 0, 0, 0.7);
}
-.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.7);
+.p-menubar .p-menuitem > .p-menuitem-content {
+ color: #212529;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
}
-.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-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
}
-.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 > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #212529;
}
-.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-menuitem > .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-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-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #212529;
}
-.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);
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #212529;
+ background: #e9ecef;
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.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:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #212529;
+ background: #e9ecef;
+}
+.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-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-submenu-list {
padding: 0.5rem 0;
@@ -4963,22 +4822,13 @@
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 #dee2e6;
margin: 0.5rem 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
font-size: 0.875rem;
}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #e9ecef;
-}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #212529;
-}
-.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;
-}
@media screen and (max-width: 960px) {
.p-menubar {
@@ -5010,56 +4860,22 @@
box-shadow: none;
width: 100%;
}
- .p-menubar .p-menubar-root-list .p-menu-separator {
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.5rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
- .p-menubar .p-menubar-root-list > .p-menuitem {
+ .p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #212529;
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .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 {
- color: #212529;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #212529;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #212529;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #212529;
- }
- .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 > .p-submenu-icon {
+ .p-menubar .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-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-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5072,26 +4888,26 @@
transition: transform 0.15s;
transform: rotate(90deg);
}
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 5.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 6.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 8.25rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5102,42 +4918,45 @@
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-action {
+ padding: 1rem 1.25rem;
+ font-weight: 600;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a:focus {
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .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;
@@ -5153,66 +4972,91 @@
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 {
+ 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: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 .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-icon, .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;
}
@@ -5221,80 +5065,6 @@
border-bottom-left-radius: 4px;
}
-.p-slidemenu {
- padding: 0.5rem 0;
- background: #ffffff;
- color: #212529;
- border: 1px solid #dee2e6;
- border-radius: 4px;
- width: 12.5rem;
-}
-.p-slidemenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #212529;
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-text {
- color: #212529;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-icon {
- color: #212529;
- margin-right: 0.5rem;
-}
-.p-slidemenu .p-menuitem-link .p-submenu-icon {
- color: #212529;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #212529;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #212529;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #212529;
-}
-.p-slidemenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
-}
-.p-slidemenu.p-slidemenu-overlay {
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none;
-}
-.p-slidemenu .p-slidemenu-list {
- padding: 0.5rem 0;
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none;
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
- background: #e9ecef;
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
- color: #212529;
-}
-.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: #212529;
-}
-.p-slidemenu .p-slidemenu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.5rem 0;
-}
-.p-slidemenu .p-slidemenu-icon {
- font-size: 0.875rem;
-}
-.p-slidemenu .p-slidemenu-backward {
- padding: 0.75rem 1rem;
- color: #212529;
-}
-
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.15s;
@@ -5360,7 +5130,6 @@
border-top-left-radius: 4px;
transition: box-shadow 0.15s;
margin: 0 0 -1px 0;
- height: calc(100% + 1px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
@@ -5389,61 +5158,73 @@
border-radius: 4px;
width: 12.5rem;
}
-.p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #212529;
- border-radius: 0;
- transition: box-shadow 0.15s;
- user-select: none;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: #212529;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: #212529;
- margin-right: 0.5rem;
-}
-.p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: #212529;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #212529;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #212529;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #212529;
-}
-.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-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-active > .p-menuitem-link {
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+ color: #212529;
+ transition: box-shadow 0.15s;
+ border-radius: 0;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #212529;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #212529;
background: #e9ecef;
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .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.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-menu-separator {
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #e9ecef;
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #212529;
+ background: #dee2e6;
+}
+.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-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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #212529;
+ background: #e9ecef;
+}
+.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: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-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.5rem 0;
}
@@ -5755,9 +5536,6 @@
background: rgba(255, 255, 255, 0.1);
color: #efefef;
}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- transition: box-shadow 0.15s;
-}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
@@ -5831,6 +5609,48 @@
border: 2px solid #ffffff;
}
+.p-badge {
+ background: #883cae;
+ color: #ffffff;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #6c757d;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #28a745;
+ color: #ffffff;
+}
+.p-badge.p-badge-info {
+ background-color: #17a2b8;
+ color: #ffffff;
+}
+.p-badge.p-badge-warning {
+ background-color: #ffc107;
+ color: #212529;
+}
+.p-badge.p-badge-danger {
+ background-color: #dc3545;
+ color: #ffffff;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
.p-chip {
background-color: #dee2e6;
color: #212529;
@@ -5852,9 +5672,9 @@
margin-right: 0.5rem;
}
.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
border-radius: 4px;
transition: box-shadow 0.15s;
- margin-left: 0.5rem;
}
.p-chip .p-chip-remove-icon:focus {
outline: 0 none;
@@ -5862,6 +5682,37 @@
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
}
+.p-inplace .p-inplace-display {
+ padding: 0.5rem 0.75rem;
+ border-radius: 4px;
+ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: #e9ecef;
+ color: #212529;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 1.5rem;
+ background: #e9ecef;
+ border-radius: 4px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #883cae;
+}
+.p-progressbar .p-progressbar-label {
+ color: #ffffff;
+ line-height: 1.5rem;
+}
+
.p-scrolltop {
width: 3rem;
height: 3rem;
@@ -5917,37 +5768,6 @@
font-size: 0.75rem;
}
-.p-inplace .p-inplace-display {
- padding: 0.5rem 0.75rem;
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
-}
-.p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: #e9ecef;
- color: #212529;
-}
-.p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
-}
-
-.p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #e9ecef;
- border-radius: 4px;
-}
-.p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #883cae;
-}
-.p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 1.5rem;
-}
-
.p-terminal {
background: #ffffff;
color: #212529;
@@ -5959,73 +5779,6 @@
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
-.p-badge {
- background: #883cae;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
-}
-.p-badge.p-badge-secondary {
- background-color: #6c757d;
- color: #ffffff;
-}
-.p-badge.p-badge-success {
- background-color: #28a745;
- color: #ffffff;
-}
-.p-badge.p-badge-info {
- background-color: #17a2b8;
- color: #ffffff;
-}
-.p-badge.p-badge-warning {
- background-color: #ffc107;
- color: #212529;
-}
-.p-badge.p-badge-danger {
- background-color: #dc3545;
- color: #ffffff;
-}
-.p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
-}
-.p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
-}
-
-.p-tag {
- background: #883cae;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 4px;
-}
-.p-tag.p-tag-success {
- background-color: #28a745;
- color: #ffffff;
-}
-.p-tag.p-tag-info {
- background-color: #17a2b8;
- color: #ffffff;
-}
-.p-tag.p-tag-warning {
- background-color: #ffc107;
- color: #212529;
-}
-.p-tag.p-tag-danger {
- background-color: #dc3545;
- color: #ffffff;
-}
-
/* Vendor extensions to the designer enhanced bootstrap compatibility */
.p-breadcrumb .p-breadcrumb-chevron {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -6034,4 +5787,8 @@
content: "/";
}
+.fc.fc-theme-standard .fc-highlight {
+ background: #e7d8ef;
+}
+
/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/fluent-light/theme.css b/public/themes/fluent-light/theme.css
index b91abc0..5fcec08 100644
--- a/public/themes/fluent-light/theme.css
+++ b/public/themes/fluent-light/theme.css
@@ -40,8 +40,8 @@
--surface-overlay:#ffffff;
--surface-border:#edebe9;
--surface-hover:#f3f2f1;
- --maskbg: rgba(0, 0, 0, 0.4);
--focus-ring: inset 0 0 0 1px #605e5c;
+ --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light;
}
@@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
-.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.5rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #323130;
}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 1px #605e5c;
border-color: #0078d4;
}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.25rem 0.5rem;
+ gap: 0.5rem;
+}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
@@ -265,14 +266,17 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
background: #edebe9;
color: #323130;
- border-radius: 2px;
+ border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #e1dfdd;
+ color: #323130;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #a4252c;
}
@@ -296,14 +300,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: #323130;
- background: #f3f2f1;
-}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #323130;
background: #edebe9;
}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: #e1dfdd;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #323130;
+ background: #e1dfdd;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #323130;
+ background: #f3f2f1;
+}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 0.5rem;
@@ -494,10 +505,10 @@
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
+ border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
- border-left: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: #f3f2f1;
@@ -585,22 +596,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.75rem 0.5rem;
-}
-.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 #605e5c;
-}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #323130;
background: #edebe9;
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: #e1dfdd;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #323130;
+ background: #e1dfdd;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #323130;
background: #f3f2f1;
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.75rem 0.5rem;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@@ -637,11 +650,6 @@
border-color: #0078d4;
background: #0078d4;
}
-.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
- border-color: #005a9e;
- background: #005a9e;
- color: #ffffff;
-}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: #323130;
}
@@ -673,24 +681,28 @@
background: #005a9e;
}
-.p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.5rem;
-}
-.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #323130;
}
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 1px #605e5c;
border-color: #0078d4;
}
+.p-chips .p-chips-multiple-container {
+ padding: 0.25rem 0.5rem;
+}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
background: #edebe9;
color: #323130;
- border-radius: 2px;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #e1dfdd;
+ color: #323130;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@@ -752,7 +764,7 @@
.p-dropdown .p-dropdown-label.p-placeholder {
color: #605e5c;
}
-.p-dropdown .p-dropdown-label:enabled:focus {
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
@@ -795,13 +807,6 @@
right: 0.5rem;
color: #605e5c;
}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
- padding-right: 3rem;
- margin-right: -3rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
- right: 2rem;
-}
.p-dropdown-panel .p-dropdown-items {
padding: 0;
}
@@ -818,6 +823,13 @@
color: #323130;
background: #edebe9;
}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: #e1dfdd;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #323130;
+ background: #e1dfdd;
+}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: #323130;
background: #f3f2f1;
@@ -1059,7 +1071,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #005a9e;
}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
+.p-inputswitch.p-invalid {
border-color: #a4252c;
}
@@ -1101,13 +1113,11 @@
transition-duration: 0.2s;
}
-.p-float-label > label.p-error {
+.p-float-label > .p-invalid + label {
color: #a4252c;
}
-.p-input-icon-left > i:first-of-type,
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > i:first-of-type {
left: 0.5rem;
color: #605e5c;
}
@@ -1120,9 +1130,7 @@
left: 2rem;
}
-.p-input-icon-right > i:last-of-type,
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: #605e5c;
}
@@ -1172,6 +1180,7 @@
color: #323130;
border: 1px solid #605e5c;
border-radius: 2px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-listbox .p-listbox-header {
padding: 0.75rem 0.5rem;
@@ -1191,6 +1200,7 @@
}
.p-listbox .p-listbox-list {
padding: 0;
+ outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
@@ -1204,11 +1214,6 @@
color: #323130;
background: #edebe9;
}
-.p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #605e5c;
-}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 0.75rem 0.5rem;
@@ -1221,42 +1226,27 @@
color: #323130;
background: transparent;
}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: #e1dfdd;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #323130;
+ background: #e1dfdd;
+}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: #323130;
background: #f3f2f1;
}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+ border-color: #0078d4;
+}
.p-listbox.p-invalid {
border-color: #a4252c;
}
-.p-mention-panel {
- background: #ffffff;
- color: #323130;
- border: 0 none;
- border-radius: 2px;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
-}
-.p-mention-panel .p-mention-items {
- padding: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item {
- margin: 0;
- padding: 0.75rem 0.5rem;
- border: 1px solid transparent;
- color: #323130;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item:hover {
- color: #323130;
- background: #f3f2f1;
-}
-.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
- color: #323130;
- background: #edebe9;
-}
-
.p-multiselect {
background: #ffffff;
border: 1px solid #605e5c;
@@ -1272,9 +1262,6 @@
box-shadow: inset 0 0 0 1px #605e5c;
border-color: #0078d4;
}
-.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.5rem;
-}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1287,7 +1274,7 @@
margin-right: 0.5rem;
background: #edebe9;
color: #323130;
- border-radius: 2px;
+ border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
@@ -1299,10 +1286,6 @@
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
-.p-multiselect .p-multiselect-clear-icon {
- color: #605e5c;
- right: 2.357rem;
-}
.p-multiselect.p-invalid.p-component {
border-color: #a4252c;
}
@@ -1310,12 +1293,6 @@
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.25rem 0.5rem;
}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
- padding: 0.5rem 0.5rem;
-}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.5rem;
-}
.p-multiselect-panel {
background: #ffffff;
@@ -1333,9 +1310,6 @@
border-top-right-radius: 2px;
border-top-left-radius: 2px;
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
- margin: 0 0.5rem;
-}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.5rem;
}
@@ -1343,7 +1317,11 @@
right: 0.5rem;
color: #605e5c;
}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: #605e5c;
@@ -1378,15 +1356,17 @@
color: #323130;
background: #edebe9;
}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: #e1dfdd;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #323130;
+ background: #e1dfdd;
+}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #323130;
background: #f3f2f1;
}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #605e5c;
-}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
@@ -1438,16 +1418,6 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #498205;
}
-.p-password-panel .p-password-info.weak {
- color: #d13438;
-}
-.p-password-panel .p-password-info.medium {
- color: #ffaa44;
-}
-.p-password-panel .p-password-info.strong {
- color: #498205;
-}
-
.p-radiobutton {
width: 20px;
@@ -1517,10 +1487,11 @@
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #a4252c;
}
-.p-rating .p-rating-item:focus {
+.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 1px #605e5c;
+ border-color: #0078d4;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #323130;
@@ -1664,50 +1635,6 @@
border-radius: 2px;
box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
}
-.p-treeselect-panel .p-treeselect-header {
- padding: 0.75rem 0.5rem;
- border-bottom: 1px solid #edebe9;
- color: #323130;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
- margin-right: 0.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
- padding-right: 1.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.5rem;
- color: #605e5c;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 3rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 2rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover {
- color: #605e5c;
- border-color: transparent;
- background: #f3f2f1;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
-}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
@@ -1737,6 +1664,12 @@
.p-togglebutton.p-button .p-button-icon-right {
color: #605e5c;
}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+ border-color: #0078d4;
+}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: #f3f2f1;
border-color: #605e5c;
@@ -1777,12 +1710,12 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 2px;
}
-.p-button:enabled:hover, .p-button:not(button):not(a):not(.p-disabled):hover {
+.p-button:enabled:hover {
background: #106ebe;
color: #ffffff;
border-color: #106ebe;
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: #005a9e;
color: #ffffff;
border-color: #005a9e;
@@ -1792,12 +1725,12 @@
color: #0078d4;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined:enabled:hover {
background: rgba(0, 120, 212, 0.04);
color: #0078d4;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined:enabled:active {
background: rgba(0, 120, 212, 0.16);
color: #0078d4;
border: 1px solid;
@@ -1806,11 +1739,11 @@
color: #605e5c;
border-color: #605e5c;
}
-.p-button.p-button-outlined.p-button-plain:enabled:hover, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: #f3f2f1;
color: #605e5c;
}
-.p-button.p-button-outlined.p-button-plain:enabled:active, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined.p-button-plain:enabled:active {
background: #edebe9;
color: #605e5c;
}
@@ -1819,12 +1752,12 @@
color: #0078d4;
border-color: transparent;
}
-.p-button.p-button-text:enabled:hover, .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text:enabled:hover {
background: rgba(0, 120, 212, 0.04);
color: #0078d4;
border-color: transparent;
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active {
background: rgba(0, 120, 212, 0.16);
color: #0078d4;
border-color: transparent;
@@ -1832,11 +1765,11 @@
.p-button.p-button-text.p-button-plain {
color: #605e5c;
}
-.p-button.p-button-text.p-button-plain:enabled:hover, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text.p-button-plain:enabled:hover {
background: #f3f2f1;
color: #605e5c;
}
-.p-button.p-button-text.p-button-plain:enabled:active, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text.p-button-plain:enabled:active {
background: #edebe9;
color: #605e5c;
}
@@ -1845,6 +1778,9 @@
outline-offset: 0;
box-shadow: inset 0 0 0 1px #605e5c;
}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1897,20 +1833,11 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
+.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
- margin-right: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
- margin-top: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
- margin-bottom: 0.5rem;
-}
.p-button.p-button-loading-label-only .p-button-loading-icon {
- margin: 0;
+ margin-right: 0;
}
.p-fluid .p-button {
@@ -1926,295 +1853,295 @@
flex: 1;
}
-.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 {
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #d45c00;
border: 1px solid #d45c00;
}
-.p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary:enabled:hover, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #bf5300;
color: #ffffff;
border-color: #bf5300;
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #ffbc88;
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #aa4a00;
color: #ffffff;
border-color: #aa4a00;
}
-.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #d45c00;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(212, 92, 0, 0.04);
color: #d45c00;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(212, 92, 0, 0.16);
color: #d45c00;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #d45c00;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-text:enabled:hover, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(212, 92, 0, 0.04);
border-color: transparent;
color: #d45c00;
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(212, 92, 0, 0.16);
border-color: transparent;
color: #d45c00;
}
-.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #00b7c3;
border: 1px solid #00b7c3;
}
-.p-button.p-button-info:enabled:hover, .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info:enabled:hover, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #00a5b0;
color: #ffffff;
border-color: #00a5b0;
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #81f7ff;
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #00929c;
color: #ffffff;
border-color: #00929c;
}
-.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #00b7c3;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:hover, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(0, 183, 195, 0.04);
color: #00b7c3;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(0, 183, 195, 0.16);
color: #00b7c3;
border: 1px solid;
}
-.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #00b7c3;
border-color: transparent;
}
-.p-button.p-button-info.p-button-text:enabled:hover, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(0, 183, 195, 0.04);
border-color: transparent;
color: #00b7c3;
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(0, 183, 195, 0.16);
border-color: transparent;
color: #00b7c3;
}
-.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #498205;
border: 1px solid #498205;
}
-.p-button.p-button-success:enabled:hover, .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success:enabled:hover, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #427505;
color: #ffffff;
border-color: #427505;
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #baf96f;
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #3a6804;
color: #ffffff;
border-color: #3a6804;
}
-.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #498205;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:hover, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(73, 130, 5, 0.04);
color: #498205;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(73, 130, 5, 0.16);
color: #498205;
border: 1px solid;
}
-.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #498205;
border-color: transparent;
}
-.p-button.p-button-success.p-button-text:enabled:hover, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(73, 130, 5, 0.04);
border-color: transparent;
color: #498205;
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(73, 130, 5, 0.16);
border-color: transparent;
color: #498205;
}
-.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #323130;
background: #ffaa44;
border: 1px solid #ffaa44;
}
-.p-button.p-button-warning:enabled:hover, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning:enabled:hover, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #ff9b24;
color: #323130;
border-color: #ff9b24;
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #ffddb4;
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #ff8d03;
color: #323130;
border-color: #ff8d03;
}
-.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #ffaa44;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(255, 170, 68, 0.04);
color: #ffaa44;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(255, 170, 68, 0.16);
color: #ffaa44;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #ffaa44;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-text:enabled:hover, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(255, 170, 68, 0.04);
border-color: transparent;
color: #ffaa44;
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(255, 170, 68, 0.16);
border-color: transparent;
color: #ffaa44;
}
-.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #8378de;
border: 1px solid #8378de;
}
-.p-button.p-button-help:enabled:hover, .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help:enabled:hover, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #6a5dd7;
color: #ffffff;
border-color: #6a5dd7;
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #cdc9f2;
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #5141d1;
color: #ffffff;
border-color: #5141d1;
}
-.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #8378de;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:hover, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(131, 120, 222, 0.04);
color: #8378de;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(131, 120, 222, 0.16);
color: #8378de;
border: 1px solid;
}
-.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #8378de;
border-color: transparent;
}
-.p-button.p-button-help.p-button-text:enabled:hover, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(131, 120, 222, 0.04);
border-color: transparent;
color: #8378de;
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(131, 120, 222, 0.16);
border-color: transparent;
color: #8378de;
}
-.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #d13438;
border: 1px solid #d13438;
}
-.p-button.p-button-danger:enabled:hover, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger:enabled:hover, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #c02b2f;
color: #ffffff;
border-color: #c02b2f;
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #edaeaf;
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #aa272a;
color: #ffffff;
border-color: #aa272a;
}
-.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #d13438;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(209, 52, 56, 0.04);
color: #d13438;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(209, 52, 56, 0.16);
color: #d13438;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #d13438;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-text:enabled:hover, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(209, 52, 56, 0.04);
border-color: transparent;
color: #d13438;
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(209, 52, 56, 0.16);
border-color: transparent;
color: #d13438;
@@ -2225,25 +2152,89 @@
background: transparent;
border: transparent;
}
-.p-button.p-button-link:enabled:hover, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-link:enabled:hover {
background: transparent;
color: #005a9e;
border-color: transparent;
}
-.p-button.p-button-link:enabled:hover .p-button-label, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
+.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
-.p-button.p-button-link:enabled:focus, .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: 0 0 0 1px #605e5c;
border-color: transparent;
}
-.p-button.p-button-link:enabled:active, .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-link:enabled:active {
background: transparent;
color: #0078d4;
border-color: transparent;
}
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: #323130;
+ color: #ffffff;
+}
+.p-speeddial-action:hover {
+ background: #605e5c;
+ color: #ffffff;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
.p-splitbutton {
border-radius: 2px;
}
@@ -2496,70 +2487,6 @@
color: #d13438;
}
-.p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
-}
-.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
-}
-
-.p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #323130;
- color: #ffffff;
-}
-.p-speeddial-action:hover {
- background: #605e5c;
- color: #ffffff;
-}
-
-.p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
-}
-
-.p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
-}
-
-.p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
-}
-
-.p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
-}
-
-.p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
-}
-.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
-}
-
-.p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
-}
-
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
@@ -2661,11 +2588,11 @@
background: #edebe9;
margin-left: 0.5rem;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: #f3f2f1;
color: #323130;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: #605e5c;
}
.p-datatable .p-sortable-column.p-highlight {
@@ -2675,11 +2602,11 @@
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: #323130;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column.p-highlight:hover {
background: #f3f2f1;
color: #323130;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
color: #323130;
}
.p-datatable .p-sortable-column:focus {
@@ -2731,9 +2658,9 @@
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 600;
}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
- background: #edebe9;
- color: #323130;
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid #605e5c;
+ outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: #edebe9;
@@ -2745,23 +2672,7 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #edebe9;
}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
- background: #f3f2f1;
- color: #323130;
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
- outline: 0.15rem solid #605e5c;
- 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: #f3f2f1;
- color: #323130;
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
- outline: 0.15rem solid #605e5c;
- outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #f3f2f1;
color: #323130;
}
@@ -2801,22 +2712,31 @@
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #faf9f8;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #edebe9;
color: #323130;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #323130;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #323130;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
- background: #faf9f8;
-}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.375rem 0.375rem;
}
@@ -2848,10 +2768,6 @@
padding: 0.9375rem 0.9375rem;
}
-.p-datatable-drag-selection-helper {
- background: rgba(0, 120, 212, 0.16);
-}
-
.p-dataview .p-paginator-top {
border-width: 0 0 1px 0;
border-radius: 0;
@@ -2888,46 +2804,6 @@
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
-.p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
-}
-
-.p-datascroller .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-datascroller-header {
- background: #ffffff;
- color: #323130;
- border: 1px solid #f3f2f1;
- border-width: 1px 0 1px 0;
- padding: 0.75rem 0.75rem;
- font-weight: 600;
-}
-.p-datascroller .p-datascroller-content {
- background: #ffffff;
- color: #323130;
- border: 0 none;
- padding: 0;
-}
-.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
- border: solid #f3f2f1;
- border-width: 0 0 1px 0;
-}
-.p-datascroller .p-datascroller-footer {
- background: #ffffff;
- color: #323130;
- border: 1px solid #f3f2f1;
- border-width: 0 0 1px 0;
- padding: 0.75rem 0.75rem;
- font-weight: 600;
- border-bottom-left-radius: 2px;
- border-bottom-right-radius: 2px;
-}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
@@ -3353,19 +3229,6 @@
border-top-right-radius: 2px;
border-top-left-radius: 2px;
}
-.p-orderlist .p-orderlist-filter-container {
- padding: 1rem;
- background: #ffffff;
- border: 1px solid #a19f9d;
- border-bottom: 0 none;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.5rem;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.5rem;
- color: #605e5c;
-}
.p-orderlist .p-orderlist-list {
border: 1px solid #a19f9d;
background: #ffffff;
@@ -3402,22 +3265,6 @@
background: #f3f2f1;
}
-@media screen and (max-width: 769px) {
- .p-orderlist {
- flex-direction: column;
- }
- .p-orderlist .p-orderlist-controls {
- padding: 1rem;
- flex-direction: row;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-controls .p-button:last-child {
- margin-right: 0;
- }
-}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: #f3f2f1;
color: #323130;
@@ -3496,6 +3343,7 @@
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
+ margin-right: 0.5rem;
height: 2.357rem;
}
.p-paginator .p-dropdown .p-dropdown-label {
@@ -3554,19 +3402,6 @@
border-top-right-radius: 2px;
border-top-left-radius: 2px;
}
-.p-picklist .p-picklist-filter-container {
- padding: 1rem;
- background: #ffffff;
- border: 1px solid #a19f9d;
- border-bottom: 0 none;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.5rem;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.5rem;
- color: #605e5c;
-}
.p-picklist .p-picklist-list {
border: 1px solid #a19f9d;
background: #ffffff;
@@ -3596,35 +3431,38 @@
color: #323130;
background: #edebe9;
}
-
-@media screen and (max-width: 769px) {
- .p-picklist {
- flex-direction: column;
- }
- .p-picklist .p-picklist-buttons {
- padding: 1rem;
- flex-direction: row;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-buttons .p-button:last-child {
- margin-right: 0;
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
- content: "\e930";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
- content: "\e92c";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
- content: "\e933";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
- content: "\e92f";
- }
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: #faf9f8;
}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: #f3f2f1;
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 0 none;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #0078d4;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #a19f9d;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
.p-tree {
border: 1px solid #a19f9d;
background: #ffffff;
@@ -3691,10 +3529,6 @@
background: #f3f2f1;
color: #323130;
}
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: #f3f2f1;
- color: #323130;
-}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
@@ -3712,12 +3546,6 @@
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
-.p-tree .p-treenode-droppoint {
- height: 0.5rem;
-}
-.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
- background: #c3bcb5;
-}
.p-treetable .p-paginator-top {
border-width: 0 0 1px 0;
@@ -3843,11 +3671,11 @@
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: #323130;
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: #f3f2f1;
color: #323130;
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: #323130;
}
.p-treetable .p-column-resizer-helper {
@@ -3912,31 +3740,6 @@
padding: 0.9375rem 0.9375rem;
}
-.p-timeline .p-timeline-event-marker {
- border: 0 none;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #0078d4;
-}
-.p-timeline .p-timeline-event-connector {
- background-color: #a19f9d;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
-}
-
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem;
border: 1px solid #a19f9d;
@@ -3952,7 +3755,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
+ box-shadow: inset inset 0 0 0 1px #605e5c;
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #f3f2f1;
@@ -4044,6 +3847,9 @@
outline-offset: 0;
box-shadow: inset 0 0 0 1px #605e5c;
}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: #323130;
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: #f3f2f1;
border-color: #a19f9d;
@@ -4127,6 +3933,17 @@
border-top: 0 none;
}
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #f3f2f1;
+ border: 0 none;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+
.p-splitter {
border: 1px solid #a19f9d;
background: #ffffff;
@@ -4139,16 +3956,17 @@
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: #edebe9;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
}
.p-splitter .p-splitter-gutter-resizing {
background: #edebe9;
}
-.p-scrollpanel .p-scrollpanel-bar {
- background: #f3f2f1;
- border: 0 none;
-}
-
.p-tabview .p-tabview-nav {
background: #ffffff;
border: 0 none;
@@ -4185,9 +4003,6 @@
border-color: #0078d4;
color: #323130;
}
-.p-tabview .p-tabview-close {
- margin-left: 0.5rem;
-}
.p-tabview .p-tabview-nav-btn.p-link {
background: #ffffff;
color: #323130;
@@ -4440,9 +4255,12 @@
border-bottom: 0 none;
border-top-right-radius: 2px;
border-top-left-radius: 2px;
+ gap: 0.5rem;
}
-.p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
}
.p-fileupload .p-fileupload-content {
background: #ffffff;
@@ -4452,6 +4270,22 @@
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #edebe9;
+ border-radius: 2px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
.p-fileupload .p-progressbar {
height: 2px;
}
@@ -4462,35 +4296,46 @@
margin-top: 0;
}
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #106ebe;
+ color: #ffffff;
+ border-color: #106ebe;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #005a9e;
+ color: #ffffff;
+ border-color: #005a9e;
+}
+
.p-breadcrumb {
background: #ffffff;
border: 1px solid #eeeeee;
border-radius: 2px;
padding: 1rem;
}
-.p-breadcrumb ul li .p-menuitem-link {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: box-shadow 0.2s;
border-radius: 2px;
}
-.p-breadcrumb ul li .p-menuitem-link:focus {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 1px #605e5c;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: #323130;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: #0078d4;
}
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: #323130;
}
-.p-breadcrumb ul li:last-child .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: #323130;
}
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: #0078d4;
}
@@ -4503,39 +4348,8 @@
border-radius: 2px;
width: 12.5rem;
}
-.p-contextmenu .p-menuitem-link {
- padding: 0.75rem 0.5rem;
- color: #323130;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: #323130;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: #0078d4;
- margin-right: 0.5rem;
-}
-.p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #f3f2f1;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #323130;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #0078d4;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #0078d4;
-}
-.p-contextmenu .p-menuitem-link:focus {
+.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #605e5c;
}
.p-contextmenu .p-submenu-list {
padding: 0;
@@ -4544,16 +4358,59 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-active > .p-menuitem-link {
- background: #edebe9;
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+ color: #323130;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 0.5rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .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 > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #0078d4;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #0078d4;
}
-.p-contextmenu .p-menu-separator {
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #323130;
+ background: #edebe9;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #323130;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #0078d4;
+}
+.p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #e1dfdd;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #323130;
+ background: #e1dfdd;
+}
+.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: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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #323130;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #0078d4;
+}
+.p-contextmenu .p-menuitem-separator {
border-top: 1px solid #edebe9;
margin: 0.25rem 0;
}
@@ -4561,78 +4418,71 @@
font-size: 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-action {
+.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-link {
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 {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
- .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list {
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
- .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container {
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
- .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
- .p-dock.p-dock-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 {
+ .p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
@@ -4644,98 +4494,68 @@
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 {
+ 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-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: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 .p-submenu-icon {
- color: #0078d4;
-}
-.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #323130;
background: #f3f2f1;
}
-.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
color: #323130;
}
-.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #0078d4;
}
-.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #0078d4;
-}
-.p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #605e5c;
-}
.p-megamenu .p-megamenu-panel {
background: #ffffff;
color: #323130;
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
-.p-megamenu .p-megamenu-submenu-header {
+.p-megamenu .p-submenu-header {
margin: 0;
padding: 0.75rem 0.5rem;
color: #0078d4;
@@ -4744,27 +4564,48 @@
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;
}
+.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-menu {
padding: 0;
@@ -4774,39 +4615,57 @@
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 {
+ 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;
@@ -4822,7 +4681,7 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
}
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
border-top: 1px solid #edebe9;
margin: 0.25rem 0;
}
@@ -4834,89 +4693,89 @@
border: 1px solid #eeeeee;
border-radius: 2px;
}
-.p-menubar .p-menuitem-link {
- padding: 0.75rem 0.5rem;
- color: #323130;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-menubar .p-menuitem-link .p-menuitem-text {
- color: #323130;
-}
-.p-menubar .p-menuitem-link .p-menuitem-icon {
- color: #0078d4;
- margin-right: 0.5rem;
-}
-.p-menubar .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: #f3f2f1;
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .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 {
- color: #0078d4;
-}
-.p-menubar .p-menuitem-link:focus {
+.p-menubar .p-menubar-root-list {
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-menubar-root-list > .p-menuitem > .p-menuitem-content {
color: #323130;
- border-radius: 2px;
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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #0078d4;
}
-.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+.p-menubar .p-menuitem > .p-menuitem-content {
+ color: #323130;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 0.5rem;
+ user-select: none;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #323130;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #0078d4;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #0078d4;
}
-.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-active > .p-menuitem-link,
-.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #323130;
background: #edebe9;
}
-.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.p-highlight > .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-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.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-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.p-highlight.p-focus > .p-menuitem-content {
+ background: #e1dfdd;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #323130;
+ background: #e1dfdd;
+}
+.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-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-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-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 {
@@ -4926,22 +4785,13 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #edebe9;
-}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #323130;
-}
-.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;
-}
@media screen and (max-width: 960px) {
.p-menubar {
@@ -4973,56 +4823,22 @@
box-shadow: 0 2px 4px -1px rgba(0, 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: 100%;
}
- .p-menubar .p-menubar-root-list .p-menu-separator {
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
border-top: 1px solid #edebe9;
margin: 0.25rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
- .p-menubar .p-menubar-root-list > .p-menuitem {
+ .p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 0.5rem;
- color: #323130;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .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 {
- 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:not(.p-disabled):hover .p-menuitem-text {
- color: #323130;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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: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 > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5035,26 +4851,26 @@
transition: transform 0.2s;
transform: rotate(90deg);
}
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 5.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 6.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 8.25rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5065,42 +4881,45 @@
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-action {
+ padding: 1rem;
+ font-weight: 600;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a:focus {
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .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;
@@ -5116,124 +4935,75 @@
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 {
+ 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 {
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #323130;
+ background: #edebe9;
+}
+.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-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-highlight.p-focus > .p-menuitem-content {
+ background: #e1dfdd;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #323130;
+ background: #e1dfdd;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #323130;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #323130;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #323130;
background: #f3f2f1;
}
-.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+.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 .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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: #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-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 .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 {
margin-bottom: 4px;
}
-.p-slidemenu {
- padding: 0;
- background: #ffffff;
- color: #323130;
- border: 1px solid #eeeeee;
- border-radius: 2px;
- width: 12.5rem;
-}
-.p-slidemenu .p-menuitem-link {
- padding: 0.75rem 0.5rem;
- color: #323130;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-text {
- color: #323130;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-icon {
- color: #0078d4;
- margin-right: 0.5rem;
-}
-.p-slidemenu .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
- background: #f3f2f1;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #323130;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #0078d4;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #0078d4;
-}
-.p-slidemenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #605e5c;
-}
-.p-slidemenu.p-slidemenu-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-slidemenu .p-slidemenu-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-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
- background: #edebe9;
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
- color: #323130;
-}
-.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: #0078d4;
-}
-.p-slidemenu .p-slidemenu-separator {
- border-top: 1px solid #edebe9;
- margin: 0.25rem 0;
-}
-.p-slidemenu .p-slidemenu-icon {
- font-size: 0.875rem;
-}
-.p-slidemenu .p-slidemenu-backward {
- padding: 0.75rem 0.5rem;
- color: #323130;
-}
-
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
@@ -5299,7 +5069,6 @@
border-top-left-radius: 2px;
transition: box-shadow 0.2s;
margin: 0 0.5rem -2px 0;
- height: calc(100% + 2px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
@@ -5328,61 +5097,73 @@
border-radius: 2px;
width: 12.5rem;
}
-.p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 0.5rem;
- color: #323130;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: #323130;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: #0078d4;
- margin-right: 0.5rem;
-}
-.p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #f3f2f1;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #323130;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #0078d4;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #0078d4;
-}
-.p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #605e5c;
-}
.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-active > .p-menuitem-link {
- background: #edebe9;
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+ color: #323130;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 0.5rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .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 > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #0078d4;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #0078d4;
}
-.p-tieredmenu .p-menu-separator {
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #323130;
+ background: #edebe9;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #323130;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #0078d4;
+}
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #e1dfdd;
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #323130;
+ background: #e1dfdd;
+}
+.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-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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #323130;
+ background: #f3f2f1;
+}
+.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: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-menuitem-separator {
border-top: 1px solid #edebe9;
margin: 0.25rem 0;
}
@@ -5694,9 +5475,6 @@
background: rgba(255, 255, 255, 0.1);
color: #faf9f8;
}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- transition: box-shadow 0.2s;
-}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
@@ -5770,6 +5548,48 @@
border: 2px solid #ffffff;
}
+.p-badge {
+ background: #0078d4;
+ color: #ffffff;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #d45c00;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #498205;
+ color: #ffffff;
+}
+.p-badge.p-badge-info {
+ background-color: #00b7c3;
+ color: #ffffff;
+}
+.p-badge.p-badge-warning {
+ background-color: #ffaa44;
+ color: #323130;
+}
+.p-badge.p-badge-danger {
+ background-color: #d13438;
+ color: #ffffff;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
.p-chip {
background-color: #edebe9;
color: #323130;
@@ -5791,9 +5611,9 @@
margin-right: 0.5rem;
}
.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
border-radius: 2px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-left: 0.5rem;
}
.p-chip .p-chip-remove-icon:focus {
outline: 0 none;
@@ -5801,6 +5621,37 @@
box-shadow: inset 0 0 0 1px #605e5c;
}
+.p-inplace .p-inplace-display {
+ padding: 0.5rem 0.5rem;
+ border-radius: 2px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: #f3f2f1;
+ color: #323130;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 1px #605e5c;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 2px;
+ background: #edebe9;
+ border-radius: 2px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #0078d4;
+}
+.p-progressbar .p-progressbar-label {
+ color: #ffffff;
+ line-height: 2px;
+}
+
.p-scrolltop {
width: 3rem;
height: 3rem;
@@ -5856,37 +5707,6 @@
font-size: 0.75rem;
}
-.p-inplace .p-inplace-display {
- padding: 0.5rem 0.5rem;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: #f3f2f1;
- color: #323130;
-}
-.p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
-}
-
-.p-progressbar {
- border: 0 none;
- height: 2px;
- background: #edebe9;
- border-radius: 2px;
-}
-.p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #0078d4;
-}
-.p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 2px;
-}
-
.p-terminal {
background: #ffffff;
color: #323130;
@@ -5898,73 +5718,6 @@
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
-.p-badge {
- background: #0078d4;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
-}
-.p-badge.p-badge-secondary {
- background-color: #d45c00;
- color: #ffffff;
-}
-.p-badge.p-badge-success {
- background-color: #498205;
- color: #ffffff;
-}
-.p-badge.p-badge-info {
- background-color: #00b7c3;
- color: #ffffff;
-}
-.p-badge.p-badge-warning {
- background-color: #ffaa44;
- color: #323130;
-}
-.p-badge.p-badge-danger {
- background-color: #d13438;
- color: #ffffff;
-}
-.p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
-}
-.p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
-}
-
-.p-tag {
- background: #0078d4;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 2px;
-}
-.p-tag.p-tag-success {
- background-color: #498205;
- color: #ffffff;
-}
-.p-tag.p-tag-info {
- background-color: #00b7c3;
- color: #ffffff;
-}
-.p-tag.p-tag-warning {
- background-color: #ffaa44;
- color: #323130;
-}
-.p-tag.p-tag-danger {
- background-color: #d13438;
- color: #ffffff;
-}
-
/* Customizations to the designer theme should be defined here */
.p-button-label {
font-weight: 600;
diff --git a/public/themes/lara-dark-blue/theme.css b/public/themes/lara-dark-blue/theme.css
index 0badd7e..7134107 100644
--- a/public/themes/lara-dark-blue/theme.css
+++ b/public/themes/lara-dark-blue/theme.css
@@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.75rem;
}
-.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.375rem 0.75rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #93C5FD;
}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
border-color: #93C5FD;
}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.375rem 0.75rem;
+ gap: 0.5rem;
+}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.375rem 0;
}
@@ -265,14 +266,17 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: rgba(147, 197, 253, 0.16);
+ background: #0b213f;
color: rgba(255, 255, 255, 0.87);
- border-radius: 6px;
+ border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #233752;
+ color: rgba(255, 255, 255, 0.87);
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
@@ -296,14 +300,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
-}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(147, 197, 253, 0.16);
}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: rgba(147, 197, 253, 0.24);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: #0b213f;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1.25rem;
@@ -494,10 +505,10 @@
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
+ border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
- border-left: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03);
@@ -585,22 +596,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.75rem 1.25rem;
-}
-.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 rgba(147, 197, 253, 0.5);
-}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(147, 197, 253, 0.16);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: rgba(147, 197, 253, 0.24);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: #0b213f;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.75rem 1.25rem;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@@ -637,11 +650,6 @@
border-color: #93C5FD;
background: #93C5FD;
}
-.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
- border-color: #6cb0fc;
- background: #6cb0fc;
- color: #1c2127;
-}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: #93C5FD;
}
@@ -673,24 +681,28 @@
background: #6cb0fc;
}
-.p-chips .p-chips-multiple-container {
- padding: 0.375rem 0.75rem;
-}
-.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #93C5FD;
}
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
border-color: #93C5FD;
}
+.p-chips .p-chips-multiple-container {
+ padding: 0.375rem 0.75rem;
+}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
- background: rgba(147, 197, 253, 0.16);
+ background: #0b213f;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #233752;
color: rgba(255, 255, 255, 0.87);
- border-radius: 6px;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@@ -752,7 +764,7 @@
.p-dropdown .p-dropdown-label.p-placeholder {
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown .p-dropdown-label:enabled:focus {
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
@@ -795,13 +807,6 @@
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
- padding-right: 3.5rem;
- margin-right: -3.5rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
- right: 2.5rem;
-}
.p-dropdown-panel .p-dropdown-items {
padding: 0.75rem 0;
}
@@ -818,6 +823,13 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(147, 197, 253, 0.16);
}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: rgba(147, 197, 253, 0.24);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: #0b213f;
+}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -1059,7 +1071,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #7fbafd;
}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
+.p-inputswitch.p-invalid {
border-color: #FCA5A5;
}
@@ -1101,13 +1113,11 @@
transition-duration: 0.2s;
}
-.p-float-label > label.p-error {
+.p-float-label > .p-invalid + label {
color: #FCA5A5;
}
-.p-input-icon-left > i:first-of-type,
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1120,9 +1130,7 @@
left: 2.5rem;
}
-.p-input-icon-right > i:last-of-type,
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1172,6 +1180,7 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #0b213f;
border-radius: 6px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-listbox .p-listbox-header {
padding: 0.75rem 1.25rem;
@@ -1191,6 +1200,7 @@
}
.p-listbox .p-listbox-list {
padding: 0.75rem 0;
+ outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
@@ -1204,11 +1214,6 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(147, 197, 253, 0.16);
}
-.p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5);
-}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 0.75rem 1.25rem;
@@ -1221,42 +1226,27 @@
color: rgba(255, 255, 255, 0.87);
background: transparent;
}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: rgba(147, 197, 253, 0.24);
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: #0b213f;
+}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
+ border-color: #93C5FD;
+}
.p-listbox.p-invalid {
border-color: #FCA5A5;
}
-.p-mention-panel {
- background: #071426;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #0b213f;
- border-radius: 6px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-}
-.p-mention-panel .p-mention-items {
- padding: 0.75rem 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item {
- margin: 0;
- padding: 0.75rem 1.25rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
-}
-.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(147, 197, 253, 0.16);
-}
-
.p-multiselect {
background: #040d19;
border: 1px solid #0b213f;
@@ -1272,9 +1262,6 @@
box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
border-color: #93C5FD;
}
-.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.75rem;
-}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1285,9 +1272,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
- background: rgba(147, 197, 253, 0.16);
+ background: #0b213f;
color: rgba(255, 255, 255, 0.87);
- border-radius: 6px;
+ border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
@@ -1299,10 +1286,6 @@
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
-.p-multiselect .p-multiselect-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 3rem;
-}
.p-multiselect.p-invalid.p-component {
border-color: #FCA5A5;
}
@@ -1310,12 +1293,6 @@
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.375rem 0.75rem;
}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
- padding: 0.75rem 0.75rem;
-}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.75rem;
-}
.p-multiselect-panel {
background: #071426;
@@ -1333,9 +1310,6 @@
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
- margin: 0 0.5rem;
-}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.75rem;
}
@@ -1343,7 +1317,11 @@
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);
}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
@@ -1378,15 +1356,17 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(147, 197, 253, 0.16);
}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: rgba(147, 197, 253, 0.24);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: #0b213f;
+}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5);
-}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
@@ -1438,15 +1418,6 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #93deac;
}
-.p-password-panel .p-password-info.weak {
- color: #eb9a9c;
-}
-.p-password-panel .p-password-info.medium {
- color: #ffcf91;
-}
-.p-password-panel .p-password-info.strong {
- color: #93deac;
-}
.p-radiobutton {
width: 22px;
@@ -1516,10 +1487,11 @@
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #F48FB1;
}
-.p-rating .p-rating-item:focus {
+.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
+ border-color: #93C5FD;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #93C5FD;
@@ -1663,50 +1635,6 @@
border-radius: 6px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
-.p-treeselect-panel .p-treeselect-header {
- padding: 0.75rem 1.25rem;
- border-bottom: 1px solid #0b213f;
- color: rgba(255, 255, 255, 0.87);
- background: #071426;
- margin: 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
- margin-right: 0.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
- padding-right: 1.75rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 3.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 2.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- 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: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
-}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
@@ -1736,6 +1664,12 @@
.p-togglebutton.p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
+ border-color: #93C5FD;
+}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
border-color: #0b213f;
@@ -1776,12 +1710,12 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 6px;
}
-.p-button:enabled:hover, .p-button:not(button):not(a):not(.p-disabled):hover {
+.p-button:enabled:hover {
background: #7fbafd;
color: #1c2127;
border-color: #7fbafd;
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: #6cb0fc;
color: #1c2127;
border-color: #6cb0fc;
@@ -1791,12 +1725,12 @@
color: #93C5FD;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined:enabled:hover {
background: rgba(147, 197, 253, 0.04);
color: #93C5FD;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined:enabled:active {
background: rgba(147, 197, 253, 0.16);
color: #93C5FD;
border: 1px solid;
@@ -1805,11 +1739,11 @@
color: rgba(255, 255, 255, 0.6);
border-color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:hover, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:active, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1818,12 +1752,12 @@
color: #93C5FD;
border-color: transparent;
}
-.p-button.p-button-text:enabled:hover, .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text:enabled:hover {
background: rgba(147, 197, 253, 0.04);
color: #93C5FD;
border-color: transparent;
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active {
background: rgba(147, 197, 253, 0.16);
color: #93C5FD;
border-color: transparent;
@@ -1831,11 +1765,11 @@
.p-button.p-button-text.p-button-plain {
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:hover, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:active, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1844,6 +1778,9 @@
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1896,20 +1833,11 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
+.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
- margin-right: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
- margin-top: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
- margin-bottom: 0.5rem;
-}
.p-button.p-button-loading-label-only .p-button-loading-icon {
- margin: 0;
+ margin-right: 0;
}
.p-fluid .p-button {
@@ -1925,295 +1853,295 @@
flex: 1;
}
-.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 {
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #1c2127;
background: #CBD5E1;
border: 1px solid #CBD5E1;
}
-.p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary:enabled:hover, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #b0bfd1;
color: #1c2127;
border-color: #b0bfd1;
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #dbe2ea;
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #95a9c2;
color: #1c2127;
border-color: #95a9c2;
}
-.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 {
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #CBD5E1;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(203, 213, 225, 0.04);
color: #CBD5E1;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(203, 213, 225, 0.16);
color: #CBD5E1;
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 {
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #CBD5E1;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-text:enabled:hover, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(203, 213, 225, 0.04);
border-color: transparent;
color: #CBD5E1;
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(203, 213, 225, 0.16);
border-color: transparent;
color: #CBD5E1;
}
-.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 {
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #1c2127;
background: #93C5FD;
border: 1px solid #93C5FD;
}
-.p-button.p-button-info:enabled:hover, .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info:enabled:hover, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #6cb0fc;
color: #1c2127;
border-color: #6cb0fc;
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #b3d6fe;
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #449bfc;
color: #1c2127;
border-color: #449bfc;
}
-.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 {
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #93C5FD;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:hover, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(147, 197, 253, 0.04);
color: #93C5FD;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(147, 197, 253, 0.16);
color: #93C5FD;
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 {
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #93C5FD;
border-color: transparent;
}
-.p-button.p-button-info.p-button-text:enabled:hover, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(147, 197, 253, 0.04);
border-color: transparent;
color: #93C5FD;
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(147, 197, 253, 0.16);
border-color: transparent;
color: #93C5FD;
}
-.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 {
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #1c2127;
background: #86EFAC;
border: 1px solid #86EFAC;
}
-.p-button.p-button-success:enabled:hover, .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success:enabled:hover, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #65eb95;
color: #1c2127;
border-color: #65eb95;
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #aaf4c5;
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #44e67f;
color: #1c2127;
border-color: #44e67f;
}
-.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 {
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #86EFAC;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:hover, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(134, 239, 172, 0.04);
color: #86EFAC;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(134, 239, 172, 0.16);
color: #86EFAC;
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 {
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #86EFAC;
border-color: transparent;
}
-.p-button.p-button-success.p-button-text:enabled:hover, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(134, 239, 172, 0.04);
border-color: transparent;
color: #86EFAC;
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(134, 239, 172, 0.16);
border-color: transparent;
color: #86EFAC;
}
-.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 {
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #1c2127;
background: #FCD34D;
border: 1px solid #FCD34D;
}
-.p-button.p-button-warning:enabled:hover, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning:enabled:hover, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #fbcb2d;
color: #1c2127;
border-color: #fbcb2d;
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #fde082;
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #fbc30c;
color: #1c2127;
border-color: #fbc30c;
}
-.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 {
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #FCD34D;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(252, 211, 77, 0.04);
color: #FCD34D;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(252, 211, 77, 0.16);
color: #FCD34D;
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 {
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #FCD34D;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-text:enabled:hover, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(252, 211, 77, 0.04);
border-color: transparent;
color: #FCD34D;
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(252, 211, 77, 0.16);
border-color: transparent;
color: #FCD34D;
}
-.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 {
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #1c2127;
background: #D8B4FE;
border: 1px solid #D8B4FE;
}
-.p-button.p-button-help:enabled:hover, .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help:enabled:hover, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #c289fd;
color: #1c2127;
border-color: #c289fd;
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #e4cbfe;
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #ab5efd;
color: #1c2127;
border-color: #ab5efd;
}
-.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 {
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #D8B4FE;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:hover, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(216, 180, 254, 0.04);
color: #D8B4FE;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(216, 180, 254, 0.16);
color: #D8B4FE;
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 {
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #D8B4FE;
border-color: transparent;
}
-.p-button.p-button-help.p-button-text:enabled:hover, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(216, 180, 254, 0.04);
border-color: transparent;
color: #D8B4FE;
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(216, 180, 254, 0.16);
border-color: transparent;
color: #D8B4FE;
}
-.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 {
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #1c2127;
background: #FCA5A5;
border: 1px solid #FCA5A5;
}
-.p-button.p-button-danger:enabled:hover, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger:enabled:hover, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #fb7d7d;
color: #1c2127;
border-color: #fb7d7d;
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #fdc0c0;
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #f95454;
color: #1c2127;
border-color: #f95454;
}
-.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 {
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #FCA5A5;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(252, 165, 165, 0.04);
color: #FCA5A5;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(252, 165, 165, 0.16);
color: #FCA5A5;
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 {
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #FCA5A5;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-text:enabled:hover, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(252, 165, 165, 0.04);
border-color: transparent;
color: #FCA5A5;
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(252, 165, 165, 0.16);
border-color: transparent;
color: #FCA5A5;
@@ -2224,25 +2152,89 @@
background: transparent;
border: transparent;
}
-.p-button.p-button-link:enabled:hover, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-link:enabled:hover {
background: transparent;
color: #93C5FD;
border-color: transparent;
}
-.p-button.p-button-link:enabled:hover .p-button-label, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
+.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
-.p-button.p-button-link:enabled:focus, .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: 0 0 0 1px rgba(147, 197, 253, 0.5);
border-color: transparent;
}
-.p-button.p-button-link:enabled:active, .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-link:enabled:active {
background: transparent;
color: #93C5FD;
border-color: transparent;
}
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: rgba(255, 255, 255, 0.87);
+ color: #040d19;
+}
+.p-speeddial-action:hover {
+ background: rgba(255, 255, 255, 0.6);
+ color: #040d19;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
.p-splitbutton {
border-radius: 6px;
}
@@ -2495,70 +2487,6 @@
color: #FCA5A5;
}
-.p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
-}
-.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
-}
-
-.p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: rgba(255, 255, 255, 0.87);
- color: #040d19;
-}
-.p-speeddial-action:hover {
- background: rgba(255, 255, 255, 0.6);
- color: #040d19;
-}
-
-.p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
-}
-
-.p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
-}
-
-.p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
-}
-
-.p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
-}
-
-.p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
-}
-.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
-}
-
-.p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
-}
-
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
@@ -2660,11 +2588,11 @@
background: rgba(147, 197, 253, 0.16);
margin-left: 0.5rem;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-datatable .p-sortable-column.p-highlight {
@@ -2674,11 +2602,11 @@
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column.p-highlight:hover {
background: rgba(147, 197, 253, 0.16);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-datatable .p-sortable-column:focus {
@@ -2730,9 +2658,9 @@
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 700;
}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
- background: rgba(147, 197, 253, 0.16);
- color: rgba(255, 255, 255, 0.87);
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid rgba(147, 197, 253, 0.5);
+ outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: rgba(147, 197, 253, 0.16);
@@ -2744,23 +2672,7 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 rgba(147, 197, 253, 0.16);
}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
- outline: 0.15rem solid rgba(147, 197, 253, 0.5);
- 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: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
- outline: 0.15rem solid rgba(147, 197, 253, 0.5);
- outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
@@ -2800,22 +2712,31 @@
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #0d1a2c;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: rgba(147, 197, 253, 0.16);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
- background: #0d1a2c;
-}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
@@ -2847,10 +2768,6 @@
padding: 1.25rem 1.25rem;
}
-.p-datatable-drag-selection-helper {
- background: rgba(147, 197, 253, 0.16);
-}
-
.p-dataview .p-paginator-top {
border-width: 1px 0 1px 0;
border-radius: 0;
@@ -2887,46 +2804,6 @@
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
-.p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
-}
-
-.p-datascroller .p-paginator-top {
- border-width: 1px 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-datascroller-header {
- background: #071426;
- color: rgba(255, 255, 255, 0.6);
- border: 1px solid #0b213f;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 700;
-}
-.p-datascroller .p-datascroller-content {
- background: #071426;
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- padding: 0;
-}
-.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
- border: solid #0b213f;
- border-width: 0 0 1px 0;
-}
-.p-datascroller .p-datascroller-footer {
- background: #071426;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #0b213f;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 700;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
-}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
@@ -3352,19 +3229,6 @@
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
-.p-orderlist .p-orderlist-filter-container {
- padding: 1.25rem;
- background: #071426;
- border: 1px solid #0b213f;
- border-bottom: 0 none;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.75rem;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-orderlist .p-orderlist-list {
border: 1px solid #0b213f;
background: #071426;
@@ -3401,22 +3265,6 @@
background: rgba(255, 255, 255, 0.03);
}
-@media screen and (max-width: 769px) {
- .p-orderlist {
- flex-direction: column;
- }
- .p-orderlist .p-orderlist-controls {
- padding: 1.25rem;
- flex-direction: row;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-controls .p-button:last-child {
- margin-right: 0;
- }
-}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
@@ -3495,6 +3343,7 @@
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
+ margin-right: 0.5rem;
height: 3rem;
}
.p-paginator .p-dropdown .p-dropdown-label {
@@ -3553,19 +3402,6 @@
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
-.p-picklist .p-picklist-filter-container {
- padding: 1.25rem;
- background: #071426;
- border: 1px solid #0b213f;
- border-bottom: 0 none;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.75rem;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-picklist .p-picklist-list {
border: 1px solid #0b213f;
background: #071426;
@@ -3595,35 +3431,38 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(147, 197, 253, 0.16);
}
-
-@media screen and (max-width: 769px) {
- .p-picklist {
- flex-direction: column;
- }
- .p-picklist .p-picklist-buttons {
- padding: 1.25rem;
- flex-direction: row;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-buttons .p-button:last-child {
- margin-right: 0;
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
- content: "\e930";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
- content: "\e92c";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
- content: "\e933";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
- content: "\e92f";
- }
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: rgba(255, 255, 255, 0.01);
}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 2px solid #93C5FD;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #1c2127;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #0b213f;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
.p-tree {
border: 1px solid #0b213f;
background: #071426;
@@ -3690,10 +3529,6 @@
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
@@ -3711,12 +3546,6 @@
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
-.p-tree .p-treenode-droppoint {
- height: 0.5rem;
-}
-.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
- background: rgba(68, 155, 252, 0.16);
-}
.p-treetable .p-paginator-top {
border-width: 1px 0 1px 0;
@@ -3842,11 +3671,11 @@
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: rgba(255, 255, 255, 0.87);
}
.p-treetable .p-column-resizer-helper {
@@ -3911,31 +3740,6 @@
padding: 1.25rem 1.25rem;
}
-.p-timeline .p-timeline-event-marker {
- border: 2px solid #93C5FD;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #1c2127;
-}
-.p-timeline .p-timeline-event-connector {
- background-color: #0b213f;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
-}
-
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1.25rem;
border: 1px solid #0b213f;
@@ -3951,7 +3755,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
+ box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: rgba(255, 255, 255, 0.03);
@@ -4043,6 +3847,9 @@
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: rgba(255, 255, 255, 0.03);
border-color: #0b213f;
@@ -4126,6 +3933,17 @@
border-top: 0 none;
}
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #0b213f;
+ border: 0 none;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
+}
+
.p-splitter {
border: 1px solid #0b213f;
background: #071426;
@@ -4138,16 +3956,17 @@
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: #0b213f;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
}
.p-splitter .p-splitter-gutter-resizing {
background: #0b213f;
}
-.p-scrollpanel .p-scrollpanel-bar {
- background: #0b213f;
- border: 0 none;
-}
-
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #0b213f;
@@ -4184,9 +4003,6 @@
border-color: #93C5FD;
color: #93C5FD;
}
-.p-tabview .p-tabview-close {
- margin-left: 0.5rem;
-}
.p-tabview .p-tabview-nav-btn.p-link {
background: #071426;
color: #93C5FD;
@@ -4439,9 +4255,12 @@
border-bottom: 0 none;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
+ gap: 0.5rem;
}
-.p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
}
.p-fileupload .p-fileupload-content {
background: #071426;
@@ -4451,6 +4270,22 @@
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #0b213f;
+ border-radius: 6px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
.p-fileupload .p-progressbar {
height: 0.25rem;
}
@@ -4461,35 +4296,46 @@
margin-top: 0;
}
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #7fbafd;
+ color: #1c2127;
+ border-color: #7fbafd;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #6cb0fc;
+ color: #1c2127;
+ border-color: #6cb0fc;
+}
+
.p-breadcrumb {
background: #091a32;
border: 1px solid #0b213f;
border-radius: 6px;
padding: 1rem;
}
-.p-breadcrumb ul li .p-menuitem-link {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: box-shadow 0.2s;
border-radius: 6px;
}
-.p-breadcrumb ul li .p-menuitem-link:focus {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
@@ -4502,39 +4348,8 @@
border-radius: 6px;
width: 12.5rem;
}
-.p-contextmenu .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .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 {
- 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-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:focus {
+.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5);
}
.p-contextmenu .p-submenu-list {
padding: 0.25rem 0;
@@ -4543,16 +4358,59 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-active > .p-menuitem-link {
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1.25rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
background: rgba(147, 197, 253, 0.16);
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .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.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.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-menu-separator {
+.p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(147, 197, 253, 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: #0b213f;
+}
+.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:not(.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: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: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-menuitem-separator {
border-top: 1px solid #0b213f;
margin: 0.25rem 0;
}
@@ -4560,78 +4418,71 @@
font-size: 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-action {
+.p-dock .p-dock-item.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5);
+}
+.p-dock .p-dock-link {
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 {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
- .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list {
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
- .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container {
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
- .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
- .p-dock.p-dock-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 {
+ .p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
@@ -4643,98 +4494,68 @@
border: 1px solid #0b213f;
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 {
+ 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);
-}
-.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 rgba(147, 197, 253, 0.5);
-}
-.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(147, 197, 253, 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: 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.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-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-focus > .p-menuitem-content {
+ background: rgba(147, 197, 253, 0.24);
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ background: #0b213f;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-megamenu .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- 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-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.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 rgba(147, 197, 253, 0.5);
-}
.p-megamenu .p-megamenu-panel {
background: #091a32;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #0b213f;
box-shadow: 0 2px 4px -1px rgba(0, 0, 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);
@@ -4743,27 +4564,48 @@
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 #0b213f;
margin: 0.25rem 0;
}
-.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(147, 197, 253, 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;
}
+.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-menu {
padding: 0.25rem 0;
@@ -4773,40 +4615,58 @@
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 {
+ 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 {
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(147, 197, 253, 0.16);
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(147, 197, 253, 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: #0b213f;
+}
+.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-link:not(.p-disabled):hover .p-menuitem-text {
+.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-link:not(.p-disabled):hover .p-menuitem-icon {
+.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-menuitem-link:not(.p-disabled):hover .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 rgba(147, 197, 253, 0.5);
-}
.p-menu.p-menu-overlay {
background: #091a32;
border: 1px solid #0b213f;
@@ -4821,7 +4681,7 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
}
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
border-top: 1px solid #0b213f;
margin: 0.25rem 0;
}
@@ -4833,89 +4693,89 @@
border: 1px solid #0b213f;
border-radius: 6px;
}
-.p-menubar .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-menubar .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 {
- color: rgba(255, 255, 255, 0.6);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .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.87);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-menubar .p-menuitem-link:focus {
+.p-menubar .p-menubar-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5);
}
-.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-content {
color: rgba(255, 255, 255, 0.87);
- border-radius: 6px;
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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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 > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1.25rem;
+ user-select: none;
+}
+.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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5);
+.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-active > .p-menuitem-link,
-.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
background: rgba(147, 197, 253, 0.16);
}
-.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.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-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.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-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.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(147, 197, 253, 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: #0b213f;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-submenu-list {
@@ -4925,22 +4785,13 @@
box-shadow: 0 2px 4px -1px rgba(0, 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 #0b213f;
margin: 0.25rem 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
font-size: 0.875rem;
}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(147, 197, 253, 0.16);
-}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.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);
-}
@media screen and (max-width: 960px) {
.p-menubar {
@@ -4972,56 +4823,22 @@
box-shadow: 0 2px 4px -1px rgba(0, 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: 100%;
}
- .p-menubar .p-menubar-root-list .p-menu-separator {
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
border-top: 1px solid #0b213f;
margin: 0.25rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
- .p-menubar .p-menubar-root-list > .p-menuitem {
+ .p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .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 {
- 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 {
- 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:not(.p-disabled):hover .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 {
- 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 {
- 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 rgba(147, 197, 253, 0.5);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5034,26 +4851,26 @@
transition: transform 0.2s;
transform: rotate(90deg);
}
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 5.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 6.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 8.25rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5064,42 +4881,45 @@
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 #0b213f;
color: rgba(255, 255, 255, 0.87);
background: #071426;
- 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-action {
+ padding: 1.25rem;
+ font-weight: 700;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a:focus {
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
+ box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 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: rgba(255, 255, 255, 0.03);
border-color: #0b213f;
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: #071426;
border-color: #0b213f;
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: #0b213f;
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
@@ -5115,124 +4935,75 @@
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 {
+ 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 {
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(147, 197, 253, 0.16);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(147, 197, 253, 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: #0b213f;
+}
+.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:not(.p-disabled):hover .p-menuitem-text {
+.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:not(.p-disabled):hover .p-menuitem-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-link:not(.p-disabled):hover .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 rgba(147, 197, 253, 0.5);
-}
-.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 #0b213f;
+ 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: 4px;
}
-.p-slidemenu {
- padding: 0.25rem 0;
- background: #091a32;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #0b213f;
- border-radius: 6px;
- width: 12.5rem;
-}
-.p-slidemenu .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .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 {
- 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:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .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 rgba(147, 197, 253, 0.5);
-}
-.p-slidemenu.p-slidemenu-overlay {
- background: #091a32;
- border: 1px solid #0b213f;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 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-list {
- padding: 0.25rem 0;
- background: #091a32;
- border: 1px solid #0b213f;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 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: rgba(147, 197, 253, 0.16);
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.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: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-slidemenu-separator {
- border-top: 1px solid #0b213f;
- margin: 0.25rem 0;
-}
-.p-slidemenu .p-slidemenu-icon {
- font-size: 0.875rem;
-}
-.p-slidemenu .p-slidemenu-backward {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
-}
-
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
@@ -5298,7 +5069,6 @@
border-top-left-radius: 6px;
transition: box-shadow 0.2s;
margin: 0 0 -2px 0;
- height: calc(100% + 2px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
@@ -5327,61 +5097,73 @@
border-radius: 6px;
width: 12.5rem;
}
-.p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .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 {
- 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 {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5);
-}
.p-tieredmenu.p-tieredmenu-overlay {
background: #091a32;
border: 1px solid #0b213f;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.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: #091a32;
border: 1px solid #0b213f;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.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-active > .p-menuitem-link {
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1.25rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
background: rgba(147, 197, 253, 0.16);
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .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.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.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-menu-separator {
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(147, 197, 253, 0.24);
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ background: #0b213f;
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ 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: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: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 #0b213f;
margin: 0.25rem 0;
}
@@ -5693,9 +5475,6 @@
background: rgba(255, 255, 255, 0.1);
color: #f8f9fa;
}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- transition: box-shadow 0.2s;
-}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
@@ -5769,6 +5548,48 @@
border: 2px solid #071426;
}
+.p-badge {
+ background: #93C5FD;
+ color: #1c2127;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #CBD5E1;
+ color: #1c2127;
+}
+.p-badge.p-badge-success {
+ background-color: #86EFAC;
+ color: #1c2127;
+}
+.p-badge.p-badge-info {
+ background-color: #93C5FD;
+ color: #1c2127;
+}
+.p-badge.p-badge-warning {
+ background-color: #FCD34D;
+ color: #1c2127;
+}
+.p-badge.p-badge-danger {
+ background-color: #FCA5A5;
+ color: #1c2127;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
.p-chip {
background-color: #0b213f;
color: rgba(255, 255, 255, 0.87);
@@ -5790,9 +5611,9 @@
margin-right: 0.5rem;
}
.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
border-radius: 6px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-left: 0.5rem;
}
.p-chip .p-chip-remove-icon:focus {
outline: 0 none;
@@ -5800,6 +5621,37 @@
box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
}
+.p-inplace .p-inplace-display {
+ padding: 0.75rem 0.75rem;
+ border-radius: 6px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 1.5rem;
+ background: #0b213f;
+ border-radius: 6px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #93C5FD;
+}
+.p-progressbar .p-progressbar-label {
+ color: #1c2127;
+ line-height: 1.5rem;
+}
+
.p-scrolltop {
width: 3rem;
height: 3rem;
@@ -5855,37 +5707,6 @@
font-size: 0.75rem;
}
-.p-inplace .p-inplace-display {
- padding: 0.75rem 0.75rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
-}
-
-.p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #0b213f;
- border-radius: 6px;
-}
-.p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #93C5FD;
-}
-.p-progressbar .p-progressbar-label {
- color: #1c2127;
- line-height: 1.5rem;
-}
-
.p-terminal {
background: #071426;
color: rgba(255, 255, 255, 0.87);
@@ -5897,73 +5718,6 @@
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
-.p-badge {
- background: #93C5FD;
- color: #1c2127;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
-}
-.p-badge.p-badge-secondary {
- background-color: #CBD5E1;
- color: #1c2127;
-}
-.p-badge.p-badge-success {
- background-color: #86EFAC;
- color: #1c2127;
-}
-.p-badge.p-badge-info {
- background-color: #93C5FD;
- color: #1c2127;
-}
-.p-badge.p-badge-warning {
- background-color: #FCD34D;
- color: #1c2127;
-}
-.p-badge.p-badge-danger {
- background-color: #FCA5A5;
- color: #1c2127;
-}
-.p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
-}
-.p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
-}
-
-.p-tag {
- background: #93C5FD;
- color: #1c2127;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 6px;
-}
-.p-tag.p-tag-success {
- background-color: #86EFAC;
- color: #1c2127;
-}
-.p-tag.p-tag-info {
- background-color: #93C5FD;
- color: #1c2127;
-}
-.p-tag.p-tag-warning {
- background-color: #FCD34D;
- color: #1c2127;
-}
-.p-tag.p-tag-danger {
- background-color: #FCA5A5;
- color: #1c2127;
-}
-
.p-button-label {
font-weight: 700;
}
@@ -5975,15 +5729,6 @@
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
-.p-tabview .p-tabview-nav .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 2px;
- background-color: #93C5FD;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
-}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #93C5FD;
diff --git a/public/themes/lara-dark-indigo/theme.css b/public/themes/lara-dark-indigo/theme.css
index 8fa02e8..84af8ce 100644
--- a/public/themes/lara-dark-indigo/theme.css
+++ b/public/themes/lara-dark-indigo/theme.css
@@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.75rem;
}
-.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.375rem 0.75rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #A5B4FC;
}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
border-color: #A5B4FC;
}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.375rem 0.75rem;
+ gap: 0.5rem;
+}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.375rem 0;
}
@@ -265,14 +266,17 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: rgba(165, 180, 252, 0.16);
+ background: #0b213f;
color: rgba(255, 255, 255, 0.87);
- border-radius: 6px;
+ border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #233752;
+ color: rgba(255, 255, 255, 0.87);
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
@@ -296,14 +300,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
-}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(165, 180, 252, 0.16);
}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: rgba(165, 180, 252, 0.24);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: #0b213f;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1.25rem;
@@ -494,10 +505,10 @@
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
+ border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
- border-left: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03);
@@ -585,22 +596,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.75rem 1.25rem;
-}
-.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 rgba(165, 180, 252, 0.5);
-}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(165, 180, 252, 0.16);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: rgba(165, 180, 252, 0.24);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: #0b213f;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.75rem 1.25rem;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@@ -637,11 +650,6 @@
border-color: #A5B4FC;
background: #A5B4FC;
}
-.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
- border-color: #7d92fb;
- background: #7d92fb;
- color: #1c2127;
-}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: #A5B4FC;
}
@@ -673,24 +681,28 @@
background: #7d92fb;
}
-.p-chips .p-chips-multiple-container {
- padding: 0.375rem 0.75rem;
-}
-.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #A5B4FC;
}
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
border-color: #A5B4FC;
}
+.p-chips .p-chips-multiple-container {
+ padding: 0.375rem 0.75rem;
+}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
- background: rgba(165, 180, 252, 0.16);
+ background: #0b213f;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #233752;
color: rgba(255, 255, 255, 0.87);
- border-radius: 6px;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@@ -752,7 +764,7 @@
.p-dropdown .p-dropdown-label.p-placeholder {
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown .p-dropdown-label:enabled:focus {
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
@@ -795,13 +807,6 @@
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
- padding-right: 3.5rem;
- margin-right: -3.5rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
- right: 2.5rem;
-}
.p-dropdown-panel .p-dropdown-items {
padding: 0.75rem 0;
}
@@ -818,6 +823,13 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(165, 180, 252, 0.16);
}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: rgba(165, 180, 252, 0.24);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: #0b213f;
+}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -1059,7 +1071,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #91a3fb;
}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
+.p-inputswitch.p-invalid {
border-color: #FCA5A5;
}
@@ -1101,13 +1113,11 @@
transition-duration: 0.2s;
}
-.p-float-label > label.p-error {
+.p-float-label > .p-invalid + label {
color: #FCA5A5;
}
-.p-input-icon-left > i:first-of-type,
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1120,9 +1130,7 @@
left: 2.5rem;
}
-.p-input-icon-right > i:last-of-type,
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1172,6 +1180,7 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #0b213f;
border-radius: 6px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-listbox .p-listbox-header {
padding: 0.75rem 1.25rem;
@@ -1191,6 +1200,7 @@
}
.p-listbox .p-listbox-list {
padding: 0.75rem 0;
+ outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
@@ -1204,11 +1214,6 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(165, 180, 252, 0.16);
}
-.p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5);
-}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 0.75rem 1.25rem;
@@ -1221,42 +1226,27 @@
color: rgba(255, 255, 255, 0.87);
background: transparent;
}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: rgba(165, 180, 252, 0.24);
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: #0b213f;
+}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
+ border-color: #A5B4FC;
+}
.p-listbox.p-invalid {
border-color: #FCA5A5;
}
-.p-mention-panel {
- background: #071426;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #0b213f;
- border-radius: 6px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-}
-.p-mention-panel .p-mention-items {
- padding: 0.75rem 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item {
- margin: 0;
- padding: 0.75rem 1.25rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
-}
-.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(165, 180, 252, 0.16);
-}
-
.p-multiselect {
background: #040d19;
border: 1px solid #0b213f;
@@ -1272,9 +1262,6 @@
box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
border-color: #A5B4FC;
}
-.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.75rem;
-}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1285,9 +1272,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
- background: rgba(165, 180, 252, 0.16);
+ background: #0b213f;
color: rgba(255, 255, 255, 0.87);
- border-radius: 6px;
+ border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
@@ -1299,10 +1286,6 @@
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
-.p-multiselect .p-multiselect-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 3rem;
-}
.p-multiselect.p-invalid.p-component {
border-color: #FCA5A5;
}
@@ -1310,12 +1293,6 @@
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.375rem 0.75rem;
}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
- padding: 0.75rem 0.75rem;
-}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.75rem;
-}
.p-multiselect-panel {
background: #071426;
@@ -1333,9 +1310,6 @@
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
- margin: 0 0.5rem;
-}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.75rem;
}
@@ -1343,7 +1317,11 @@
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);
}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
@@ -1378,15 +1356,17 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(165, 180, 252, 0.16);
}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: rgba(165, 180, 252, 0.24);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: #0b213f;
+}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5);
-}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
@@ -1438,16 +1418,6 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #93deac;
}
-.p-password-panel .p-password-info.weak {
- color: #eb9a9c;
-}
-.p-password-panel .p-password-info.medium {
- color: #ffcf91;
-}
-.p-password-panel .p-password-info.strong {
- color: #93deac;
-}
-
.p-radiobutton {
width: 22px;
@@ -1517,10 +1487,11 @@
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #F48FB1;
}
-.p-rating .p-rating-item:focus {
+.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
+ border-color: #A5B4FC;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #A5B4FC;
@@ -1664,50 +1635,6 @@
border-radius: 6px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
-.p-treeselect-panel .p-treeselect-header {
- padding: 0.75rem 1.25rem;
- border-bottom: 1px solid #0b213f;
- color: rgba(255, 255, 255, 0.87);
- background: #071426;
- margin: 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
- margin-right: 0.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
- padding-right: 1.75rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 3.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 2.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- 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: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
-}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
@@ -1737,6 +1664,12 @@
.p-togglebutton.p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
+ border-color: #A5B4FC;
+}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
border-color: #0b213f;
@@ -1777,12 +1710,12 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 6px;
}
-.p-button:enabled:hover, .p-button:not(button):not(a):not(.p-disabled):hover {
+.p-button:enabled:hover {
background: #91a3fb;
color: #1c2127;
border-color: #91a3fb;
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: #7d92fb;
color: #1c2127;
border-color: #7d92fb;
@@ -1792,12 +1725,12 @@
color: #A5B4FC;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined:enabled:hover {
background: rgba(165, 180, 252, 0.04);
color: #A5B4FC;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined:enabled:active {
background: rgba(165, 180, 252, 0.16);
color: #A5B4FC;
border: 1px solid;
@@ -1806,11 +1739,11 @@
color: rgba(255, 255, 255, 0.6);
border-color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:hover, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:active, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1819,12 +1752,12 @@
color: #A5B4FC;
border-color: transparent;
}
-.p-button.p-button-text:enabled:hover, .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text:enabled:hover {
background: rgba(165, 180, 252, 0.04);
color: #A5B4FC;
border-color: transparent;
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active {
background: rgba(165, 180, 252, 0.16);
color: #A5B4FC;
border-color: transparent;
@@ -1832,11 +1765,11 @@
.p-button.p-button-text.p-button-plain {
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:hover, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:active, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1845,6 +1778,9 @@
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1897,20 +1833,11 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
+.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
- margin-right: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
- margin-top: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
- margin-bottom: 0.5rem;
-}
.p-button.p-button-loading-label-only .p-button-loading-icon {
- margin: 0;
+ margin-right: 0;
}
.p-fluid .p-button {
@@ -1926,295 +1853,295 @@
flex: 1;
}
-.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 {
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #1c2127;
background: #CBD5E1;
border: 1px solid #CBD5E1;
}
-.p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary:enabled:hover, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #b0bfd1;
color: #1c2127;
border-color: #b0bfd1;
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #dbe2ea;
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #95a9c2;
color: #1c2127;
border-color: #95a9c2;
}
-.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 {
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #CBD5E1;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(203, 213, 225, 0.04);
color: #CBD5E1;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(203, 213, 225, 0.16);
color: #CBD5E1;
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 {
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #CBD5E1;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-text:enabled:hover, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(203, 213, 225, 0.04);
border-color: transparent;
color: #CBD5E1;
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(203, 213, 225, 0.16);
border-color: transparent;
color: #CBD5E1;
}
-.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 {
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #1c2127;
background: #93C5FD;
border: 1px solid #93C5FD;
}
-.p-button.p-button-info:enabled:hover, .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info:enabled:hover, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #6cb0fc;
color: #1c2127;
border-color: #6cb0fc;
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #b3d6fe;
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #449bfc;
color: #1c2127;
border-color: #449bfc;
}
-.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 {
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #93C5FD;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:hover, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(147, 197, 253, 0.04);
color: #93C5FD;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(147, 197, 253, 0.16);
color: #93C5FD;
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 {
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #93C5FD;
border-color: transparent;
}
-.p-button.p-button-info.p-button-text:enabled:hover, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(147, 197, 253, 0.04);
border-color: transparent;
color: #93C5FD;
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(147, 197, 253, 0.16);
border-color: transparent;
color: #93C5FD;
}
-.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 {
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #1c2127;
background: #86EFAC;
border: 1px solid #86EFAC;
}
-.p-button.p-button-success:enabled:hover, .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success:enabled:hover, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #65eb95;
color: #1c2127;
border-color: #65eb95;
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #aaf4c5;
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #44e67f;
color: #1c2127;
border-color: #44e67f;
}
-.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 {
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #86EFAC;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:hover, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(134, 239, 172, 0.04);
color: #86EFAC;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(134, 239, 172, 0.16);
color: #86EFAC;
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 {
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #86EFAC;
border-color: transparent;
}
-.p-button.p-button-success.p-button-text:enabled:hover, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(134, 239, 172, 0.04);
border-color: transparent;
color: #86EFAC;
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(134, 239, 172, 0.16);
border-color: transparent;
color: #86EFAC;
}
-.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 {
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #1c2127;
background: #FCD34D;
border: 1px solid #FCD34D;
}
-.p-button.p-button-warning:enabled:hover, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning:enabled:hover, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #fbcb2d;
color: #1c2127;
border-color: #fbcb2d;
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #fde082;
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #fbc30c;
color: #1c2127;
border-color: #fbc30c;
}
-.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 {
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #FCD34D;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(252, 211, 77, 0.04);
color: #FCD34D;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(252, 211, 77, 0.16);
color: #FCD34D;
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 {
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #FCD34D;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-text:enabled:hover, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(252, 211, 77, 0.04);
border-color: transparent;
color: #FCD34D;
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(252, 211, 77, 0.16);
border-color: transparent;
color: #FCD34D;
}
-.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 {
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #1c2127;
background: #D8B4FE;
border: 1px solid #D8B4FE;
}
-.p-button.p-button-help:enabled:hover, .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help:enabled:hover, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #c289fd;
color: #1c2127;
border-color: #c289fd;
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #e4cbfe;
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #ab5efd;
color: #1c2127;
border-color: #ab5efd;
}
-.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 {
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #D8B4FE;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:hover, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(216, 180, 254, 0.04);
color: #D8B4FE;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(216, 180, 254, 0.16);
color: #D8B4FE;
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 {
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #D8B4FE;
border-color: transparent;
}
-.p-button.p-button-help.p-button-text:enabled:hover, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(216, 180, 254, 0.04);
border-color: transparent;
color: #D8B4FE;
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(216, 180, 254, 0.16);
border-color: transparent;
color: #D8B4FE;
}
-.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 {
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #1c2127;
background: #FCA5A5;
border: 1px solid #FCA5A5;
}
-.p-button.p-button-danger:enabled:hover, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger:enabled:hover, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #fb7d7d;
color: #1c2127;
border-color: #fb7d7d;
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #fdc0c0;
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #f95454;
color: #1c2127;
border-color: #f95454;
}
-.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 {
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #FCA5A5;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(252, 165, 165, 0.04);
color: #FCA5A5;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(252, 165, 165, 0.16);
color: #FCA5A5;
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 {
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #FCA5A5;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-text:enabled:hover, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(252, 165, 165, 0.04);
border-color: transparent;
color: #FCA5A5;
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(252, 165, 165, 0.16);
border-color: transparent;
color: #FCA5A5;
@@ -2225,25 +2152,89 @@
background: transparent;
border: transparent;
}
-.p-button.p-button-link:enabled:hover, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-link:enabled:hover {
background: transparent;
color: #A5B4FC;
border-color: transparent;
}
-.p-button.p-button-link:enabled:hover .p-button-label, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
+.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
-.p-button.p-button-link:enabled:focus, .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: 0 0 0 1px rgba(165, 180, 252, 0.5);
border-color: transparent;
}
-.p-button.p-button-link:enabled:active, .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-link:enabled:active {
background: transparent;
color: #A5B4FC;
border-color: transparent;
}
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: rgba(255, 255, 255, 0.87);
+ color: #040d19;
+}
+.p-speeddial-action:hover {
+ background: rgba(255, 255, 255, 0.6);
+ color: #040d19;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
.p-splitbutton {
border-radius: 6px;
}
@@ -2496,70 +2487,6 @@
color: #FCA5A5;
}
-.p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
-}
-.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
-}
-
-.p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: rgba(255, 255, 255, 0.87);
- color: #040d19;
-}
-.p-speeddial-action:hover {
- background: rgba(255, 255, 255, 0.6);
- color: #040d19;
-}
-
-.p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
-}
-
-.p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
-}
-
-.p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
-}
-
-.p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
-}
-
-.p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
-}
-.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
-}
-
-.p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
-}
-
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
@@ -2661,11 +2588,11 @@
background: rgba(165, 180, 252, 0.16);
margin-left: 0.5rem;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-datatable .p-sortable-column.p-highlight {
@@ -2675,11 +2602,11 @@
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column.p-highlight:hover {
background: rgba(165, 180, 252, 0.16);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-datatable .p-sortable-column:focus {
@@ -2731,9 +2658,9 @@
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 700;
}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
- background: rgba(165, 180, 252, 0.16);
- color: rgba(255, 255, 255, 0.87);
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid rgba(165, 180, 252, 0.5);
+ outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: rgba(165, 180, 252, 0.16);
@@ -2745,23 +2672,7 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 rgba(165, 180, 252, 0.16);
}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
- outline: 0.15rem solid rgba(165, 180, 252, 0.5);
- 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: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
- outline: 0.15rem solid rgba(165, 180, 252, 0.5);
- outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
@@ -2801,22 +2712,31 @@
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #0d1a2c;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: rgba(165, 180, 252, 0.16);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
- background: #0d1a2c;
-}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
@@ -2848,10 +2768,6 @@
padding: 1.25rem 1.25rem;
}
-.p-datatable-drag-selection-helper {
- background: rgba(165, 180, 252, 0.16);
-}
-
.p-dataview .p-paginator-top {
border-width: 1px 0 1px 0;
border-radius: 0;
@@ -2888,46 +2804,6 @@
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
-.p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
-}
-
-.p-datascroller .p-paginator-top {
- border-width: 1px 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-datascroller-header {
- background: #071426;
- color: rgba(255, 255, 255, 0.6);
- border: 1px solid #0b213f;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 700;
-}
-.p-datascroller .p-datascroller-content {
- background: #071426;
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- padding: 0;
-}
-.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
- border: solid #0b213f;
- border-width: 0 0 1px 0;
-}
-.p-datascroller .p-datascroller-footer {
- background: #071426;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #0b213f;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 700;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
-}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
@@ -3353,19 +3229,6 @@
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
-.p-orderlist .p-orderlist-filter-container {
- padding: 1.25rem;
- background: #071426;
- border: 1px solid #0b213f;
- border-bottom: 0 none;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.75rem;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-orderlist .p-orderlist-list {
border: 1px solid #0b213f;
background: #071426;
@@ -3402,22 +3265,6 @@
background: rgba(255, 255, 255, 0.03);
}
-@media screen and (max-width: 769px) {
- .p-orderlist {
- flex-direction: column;
- }
- .p-orderlist .p-orderlist-controls {
- padding: 1.25rem;
- flex-direction: row;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-controls .p-button:last-child {
- margin-right: 0;
- }
-}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
@@ -3496,6 +3343,7 @@
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
+ margin-right: 0.5rem;
height: 3rem;
}
.p-paginator .p-dropdown .p-dropdown-label {
@@ -3554,19 +3402,6 @@
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
-.p-picklist .p-picklist-filter-container {
- padding: 1.25rem;
- background: #071426;
- border: 1px solid #0b213f;
- border-bottom: 0 none;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.75rem;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-picklist .p-picklist-list {
border: 1px solid #0b213f;
background: #071426;
@@ -3596,35 +3431,38 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(165, 180, 252, 0.16);
}
-
-@media screen and (max-width: 769px) {
- .p-picklist {
- flex-direction: column;
- }
- .p-picklist .p-picklist-buttons {
- padding: 1.25rem;
- flex-direction: row;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-buttons .p-button:last-child {
- margin-right: 0;
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
- content: "\e930";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
- content: "\e92c";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
- content: "\e933";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
- content: "\e92f";
- }
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: rgba(255, 255, 255, 0.01);
}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 2px solid #A5B4FC;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #1c2127;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #0b213f;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
.p-tree {
border: 1px solid #0b213f;
background: #071426;
@@ -3691,10 +3529,6 @@
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
@@ -3712,12 +3546,6 @@
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
-.p-tree .p-treenode-droppoint {
- height: 0.5rem;
-}
-.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
- background: rgba(84, 113, 249, 0.16);
-}
.p-treetable .p-paginator-top {
border-width: 1px 0 1px 0;
@@ -3843,11 +3671,11 @@
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: rgba(255, 255, 255, 0.87);
}
.p-treetable .p-column-resizer-helper {
@@ -3912,31 +3740,6 @@
padding: 1.25rem 1.25rem;
}
-.p-timeline .p-timeline-event-marker {
- border: 2px solid #A5B4FC;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #1c2127;
-}
-.p-timeline .p-timeline-event-connector {
- background-color: #0b213f;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
-}
-
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1.25rem;
border: 1px solid #0b213f;
@@ -3952,7 +3755,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
+ box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: rgba(255, 255, 255, 0.03);
@@ -4044,6 +3847,9 @@
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: rgba(255, 255, 255, 0.03);
border-color: #0b213f;
@@ -4127,6 +3933,17 @@
border-top: 0 none;
}
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #0b213f;
+ border: 0 none;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
+}
+
.p-splitter {
border: 1px solid #0b213f;
background: #071426;
@@ -4139,16 +3956,17 @@
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: #0b213f;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
}
.p-splitter .p-splitter-gutter-resizing {
background: #0b213f;
}
-.p-scrollpanel .p-scrollpanel-bar {
- background: #0b213f;
- border: 0 none;
-}
-
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #0b213f;
@@ -4185,9 +4003,6 @@
border-color: #A5B4FC;
color: #A5B4FC;
}
-.p-tabview .p-tabview-close {
- margin-left: 0.5rem;
-}
.p-tabview .p-tabview-nav-btn.p-link {
background: #071426;
color: #A5B4FC;
@@ -4440,9 +4255,12 @@
border-bottom: 0 none;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
+ gap: 0.5rem;
}
-.p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
}
.p-fileupload .p-fileupload-content {
background: #071426;
@@ -4452,6 +4270,22 @@
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #0b213f;
+ border-radius: 6px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
.p-fileupload .p-progressbar {
height: 0.25rem;
}
@@ -4462,35 +4296,46 @@
margin-top: 0;
}
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #91a3fb;
+ color: #1c2127;
+ border-color: #91a3fb;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #7d92fb;
+ color: #1c2127;
+ border-color: #7d92fb;
+}
+
.p-breadcrumb {
background: #091a32;
border: 1px solid #0b213f;
border-radius: 6px;
padding: 1rem;
}
-.p-breadcrumb ul li .p-menuitem-link {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: box-shadow 0.2s;
border-radius: 6px;
}
-.p-breadcrumb ul li .p-menuitem-link:focus {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
@@ -4503,39 +4348,8 @@
border-radius: 6px;
width: 12.5rem;
}
-.p-contextmenu .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .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 {
- 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-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:focus {
+.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5);
}
.p-contextmenu .p-submenu-list {
padding: 0.25rem 0;
@@ -4544,16 +4358,59 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-active > .p-menuitem-link {
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1.25rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
background: rgba(165, 180, 252, 0.16);
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .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.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.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-menu-separator {
+.p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(165, 180, 252, 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: #0b213f;
+}
+.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:not(.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: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: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-menuitem-separator {
border-top: 1px solid #0b213f;
margin: 0.25rem 0;
}
@@ -4561,78 +4418,71 @@
font-size: 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-action {
+.p-dock .p-dock-item.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5);
+}
+.p-dock .p-dock-link {
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 {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
- .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list {
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
- .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container {
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
- .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
- .p-dock.p-dock-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 {
+ .p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
@@ -4644,98 +4494,68 @@
border: 1px solid #0b213f;
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 {
+ 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);
-}
-.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 rgba(165, 180, 252, 0.5);
-}
-.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(165, 180, 252, 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: 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.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-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-focus > .p-menuitem-content {
+ background: rgba(165, 180, 252, 0.24);
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ background: #0b213f;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-megamenu .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- 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-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.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 rgba(165, 180, 252, 0.5);
-}
.p-megamenu .p-megamenu-panel {
background: #091a32;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #0b213f;
box-shadow: 0 2px 4px -1px rgba(0, 0, 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);
@@ -4744,27 +4564,48 @@
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 #0b213f;
margin: 0.25rem 0;
}
-.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(165, 180, 252, 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;
}
+.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-menu {
padding: 0.25rem 0;
@@ -4774,40 +4615,58 @@
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 {
+ 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 {
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(165, 180, 252, 0.16);
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(165, 180, 252, 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: #0b213f;
+}
+.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-link:not(.p-disabled):hover .p-menuitem-text {
+.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-link:not(.p-disabled):hover .p-menuitem-icon {
+.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-menuitem-link:not(.p-disabled):hover .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 rgba(165, 180, 252, 0.5);
-}
.p-menu.p-menu-overlay {
background: #091a32;
border: 1px solid #0b213f;
@@ -4822,7 +4681,7 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
}
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
border-top: 1px solid #0b213f;
margin: 0.25rem 0;
}
@@ -4834,89 +4693,89 @@
border: 1px solid #0b213f;
border-radius: 6px;
}
-.p-menubar .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-menubar .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 {
- color: rgba(255, 255, 255, 0.6);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .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.87);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-menubar .p-menuitem-link:focus {
+.p-menubar .p-menubar-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5);
}
-.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-content {
color: rgba(255, 255, 255, 0.87);
- border-radius: 6px;
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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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 > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1.25rem;
+ user-select: none;
+}
+.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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5);
+.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-active > .p-menuitem-link,
-.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
background: rgba(165, 180, 252, 0.16);
}
-.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.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-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.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-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.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(165, 180, 252, 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: #0b213f;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-submenu-list {
@@ -4926,22 +4785,13 @@
box-shadow: 0 2px 4px -1px rgba(0, 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 #0b213f;
margin: 0.25rem 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
font-size: 0.875rem;
}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(165, 180, 252, 0.16);
-}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.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);
-}
@media screen and (max-width: 960px) {
.p-menubar {
@@ -4973,56 +4823,22 @@
box-shadow: 0 2px 4px -1px rgba(0, 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: 100%;
}
- .p-menubar .p-menubar-root-list .p-menu-separator {
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
border-top: 1px solid #0b213f;
margin: 0.25rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
- .p-menubar .p-menubar-root-list > .p-menuitem {
+ .p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .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 {
- 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 {
- 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:not(.p-disabled):hover .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 {
- 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 {
- 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 rgba(165, 180, 252, 0.5);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5035,26 +4851,26 @@
transition: transform 0.2s;
transform: rotate(90deg);
}
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 5.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 6.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 8.25rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5065,42 +4881,45 @@
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 #0b213f;
color: rgba(255, 255, 255, 0.87);
background: #071426;
- 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-action {
+ padding: 1.25rem;
+ font-weight: 700;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a:focus {
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
+ box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 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: rgba(255, 255, 255, 0.03);
border-color: #0b213f;
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: #071426;
border-color: #0b213f;
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: #0b213f;
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
@@ -5116,124 +4935,75 @@
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 {
+ 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 {
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(165, 180, 252, 0.16);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(165, 180, 252, 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: #0b213f;
+}
+.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:not(.p-disabled):hover .p-menuitem-text {
+.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:not(.p-disabled):hover .p-menuitem-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-link:not(.p-disabled):hover .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 rgba(165, 180, 252, 0.5);
-}
-.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 #0b213f;
+ 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: 4px;
}
-.p-slidemenu {
- padding: 0.25rem 0;
- background: #091a32;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #0b213f;
- border-radius: 6px;
- width: 12.5rem;
-}
-.p-slidemenu .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .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 {
- 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:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .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 rgba(165, 180, 252, 0.5);
-}
-.p-slidemenu.p-slidemenu-overlay {
- background: #091a32;
- border: 1px solid #0b213f;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 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-list {
- padding: 0.25rem 0;
- background: #091a32;
- border: 1px solid #0b213f;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 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: rgba(165, 180, 252, 0.16);
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.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: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-slidemenu-separator {
- border-top: 1px solid #0b213f;
- margin: 0.25rem 0;
-}
-.p-slidemenu .p-slidemenu-icon {
- font-size: 0.875rem;
-}
-.p-slidemenu .p-slidemenu-backward {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
-}
-
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
@@ -5299,7 +5069,6 @@
border-top-left-radius: 6px;
transition: box-shadow 0.2s;
margin: 0 0 -2px 0;
- height: calc(100% + 2px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
@@ -5328,61 +5097,73 @@
border-radius: 6px;
width: 12.5rem;
}
-.p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .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 {
- 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 {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5);
-}
.p-tieredmenu.p-tieredmenu-overlay {
background: #091a32;
border: 1px solid #0b213f;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.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: #091a32;
border: 1px solid #0b213f;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.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-active > .p-menuitem-link {
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1.25rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
background: rgba(165, 180, 252, 0.16);
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .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.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.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-menu-separator {
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(165, 180, 252, 0.24);
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ background: #0b213f;
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ 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: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: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 #0b213f;
margin: 0.25rem 0;
}
@@ -5694,9 +5475,6 @@
background: rgba(255, 255, 255, 0.1);
color: #f8f9fa;
}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- transition: box-shadow 0.2s;
-}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
@@ -5770,6 +5548,48 @@
border: 2px solid #071426;
}
+.p-badge {
+ background: #A5B4FC;
+ color: #1c2127;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #CBD5E1;
+ color: #1c2127;
+}
+.p-badge.p-badge-success {
+ background-color: #86EFAC;
+ color: #1c2127;
+}
+.p-badge.p-badge-info {
+ background-color: #93C5FD;
+ color: #1c2127;
+}
+.p-badge.p-badge-warning {
+ background-color: #FCD34D;
+ color: #1c2127;
+}
+.p-badge.p-badge-danger {
+ background-color: #FCA5A5;
+ color: #1c2127;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
.p-chip {
background-color: #0b213f;
color: rgba(255, 255, 255, 0.87);
@@ -5791,9 +5611,9 @@
margin-right: 0.5rem;
}
.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
border-radius: 6px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-left: 0.5rem;
}
.p-chip .p-chip-remove-icon:focus {
outline: 0 none;
@@ -5801,6 +5621,37 @@
box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
}
+.p-inplace .p-inplace-display {
+ padding: 0.75rem 0.75rem;
+ border-radius: 6px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 1.5rem;
+ background: #0b213f;
+ border-radius: 6px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #A5B4FC;
+}
+.p-progressbar .p-progressbar-label {
+ color: #1c2127;
+ line-height: 1.5rem;
+}
+
.p-scrolltop {
width: 3rem;
height: 3rem;
@@ -5856,37 +5707,6 @@
font-size: 0.75rem;
}
-.p-inplace .p-inplace-display {
- padding: 0.75rem 0.75rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5);
-}
-
-.p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #0b213f;
- border-radius: 6px;
-}
-.p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #A5B4FC;
-}
-.p-progressbar .p-progressbar-label {
- color: #1c2127;
- line-height: 1.5rem;
-}
-
.p-terminal {
background: #071426;
color: rgba(255, 255, 255, 0.87);
@@ -5898,73 +5718,6 @@
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
-.p-badge {
- background: #A5B4FC;
- color: #1c2127;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
-}
-.p-badge.p-badge-secondary {
- background-color: #CBD5E1;
- color: #1c2127;
-}
-.p-badge.p-badge-success {
- background-color: #86EFAC;
- color: #1c2127;
-}
-.p-badge.p-badge-info {
- background-color: #93C5FD;
- color: #1c2127;
-}
-.p-badge.p-badge-warning {
- background-color: #FCD34D;
- color: #1c2127;
-}
-.p-badge.p-badge-danger {
- background-color: #FCA5A5;
- color: #1c2127;
-}
-.p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
-}
-.p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
-}
-
-.p-tag {
- background: #A5B4FC;
- color: #1c2127;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 6px;
-}
-.p-tag.p-tag-success {
- background-color: #86EFAC;
- color: #1c2127;
-}
-.p-tag.p-tag-info {
- background-color: #93C5FD;
- color: #1c2127;
-}
-.p-tag.p-tag-warning {
- background-color: #FCD34D;
- color: #1c2127;
-}
-.p-tag.p-tag-danger {
- background-color: #FCA5A5;
- color: #1c2127;
-}
-
.p-button-label {
font-weight: 700;
}
@@ -5976,15 +5729,6 @@
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
-.p-tabview .p-tabview-nav .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 2px;
- background-color: #A5B4FC;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
-}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #A5B4FC;
diff --git a/public/themes/lara-dark-purple/theme.css b/public/themes/lara-dark-purple/theme.css
index 2d955b9..e5c1e4c 100644
--- a/public/themes/lara-dark-purple/theme.css
+++ b/public/themes/lara-dark-purple/theme.css
@@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.75rem;
}
-.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.375rem 0.75rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #C4B5FD;
}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
border-color: #C4B5FD;
}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.375rem 0.75rem;
+ gap: 0.5rem;
+}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.375rem 0;
}
@@ -265,14 +266,17 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: rgba(196, 181, 253, 0.16);
+ background: #0b213f;
color: rgba(255, 255, 255, 0.87);
- border-radius: 6px;
+ border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #233752;
+ color: rgba(255, 255, 255, 0.87);
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
@@ -296,14 +300,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
-}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(196, 181, 253, 0.16);
}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: rgba(196, 181, 253, 0.24);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: #0b213f;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1.25rem;
@@ -494,10 +505,10 @@
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
+ border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
- border-left: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03);
@@ -585,22 +596,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.75rem 1.25rem;
-}
-.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 rgba(196, 181, 253, 0.5);
-}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(196, 181, 253, 0.16);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: rgba(196, 181, 253, 0.24);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: #0b213f;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.75rem 1.25rem;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@@ -637,11 +650,6 @@
border-color: #C4B5FD;
background: #C4B5FD;
}
-.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
- border-color: #a28bfc;
- background: #a28bfc;
- color: #1c2127;
-}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: #C4B5FD;
}
@@ -673,24 +681,28 @@
background: #a28bfc;
}
-.p-chips .p-chips-multiple-container {
- padding: 0.375rem 0.75rem;
-}
-.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #C4B5FD;
}
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
border-color: #C4B5FD;
}
+.p-chips .p-chips-multiple-container {
+ padding: 0.375rem 0.75rem;
+}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
- background: rgba(196, 181, 253, 0.16);
+ background: #0b213f;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #233752;
color: rgba(255, 255, 255, 0.87);
- border-radius: 6px;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@@ -752,7 +764,7 @@
.p-dropdown .p-dropdown-label.p-placeholder {
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown .p-dropdown-label:enabled:focus {
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
@@ -795,13 +807,6 @@
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
- padding-right: 3.5rem;
- margin-right: -3.5rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
- right: 2.5rem;
-}
.p-dropdown-panel .p-dropdown-items {
padding: 0.75rem 0;
}
@@ -818,6 +823,13 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(196, 181, 253, 0.16);
}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: rgba(196, 181, 253, 0.24);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: #0b213f;
+}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -1059,7 +1071,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #b3a0fc;
}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
+.p-inputswitch.p-invalid {
border-color: #FCA5A5;
}
@@ -1101,13 +1113,11 @@
transition-duration: 0.2s;
}
-.p-float-label > label.p-error {
+.p-float-label > .p-invalid + label {
color: #FCA5A5;
}
-.p-input-icon-left > i:first-of-type,
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1120,9 +1130,7 @@
left: 2.5rem;
}
-.p-input-icon-right > i:last-of-type,
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1172,6 +1180,7 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #0b213f;
border-radius: 6px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-listbox .p-listbox-header {
padding: 0.75rem 1.25rem;
@@ -1191,6 +1200,7 @@
}
.p-listbox .p-listbox-list {
padding: 0.75rem 0;
+ outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
@@ -1204,11 +1214,6 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(196, 181, 253, 0.16);
}
-.p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5);
-}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 0.75rem 1.25rem;
@@ -1221,42 +1226,27 @@
color: rgba(255, 255, 255, 0.87);
background: transparent;
}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: rgba(196, 181, 253, 0.24);
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: #0b213f;
+}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
+ border-color: #C4B5FD;
+}
.p-listbox.p-invalid {
border-color: #FCA5A5;
}
-.p-mention-panel {
- background: #071426;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #0b213f;
- border-radius: 6px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-}
-.p-mention-panel .p-mention-items {
- padding: 0.75rem 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item {
- margin: 0;
- padding: 0.75rem 1.25rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
-}
-.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(196, 181, 253, 0.16);
-}
-
.p-multiselect {
background: #040d19;
border: 1px solid #0b213f;
@@ -1272,9 +1262,6 @@
box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
border-color: #C4B5FD;
}
-.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.75rem;
-}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1285,9 +1272,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
- background: rgba(196, 181, 253, 0.16);
+ background: #0b213f;
color: rgba(255, 255, 255, 0.87);
- border-radius: 6px;
+ border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
@@ -1299,10 +1286,6 @@
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
-.p-multiselect .p-multiselect-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 3rem;
-}
.p-multiselect.p-invalid.p-component {
border-color: #FCA5A5;
}
@@ -1310,12 +1293,6 @@
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.375rem 0.75rem;
}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
- padding: 0.75rem 0.75rem;
-}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.75rem;
-}
.p-multiselect-panel {
background: #071426;
@@ -1333,9 +1310,6 @@
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
- margin: 0 0.5rem;
-}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.75rem;
}
@@ -1343,7 +1317,11 @@
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);
}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
@@ -1378,15 +1356,17 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(196, 181, 253, 0.16);
}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: rgba(196, 181, 253, 0.24);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: #0b213f;
+}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5);
-}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
@@ -1438,15 +1418,6 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #93deac;
}
-.p-password-panel .p-password-info.weak {
- color: #eb9a9c;
-}
-.p-password-panel .p-password-info.medium {
- color: #ffcf91;
-}
-.p-password-panel .p-password-info.strong {
- color: #93deac;
-}
.p-radiobutton {
width: 22px;
@@ -1516,10 +1487,11 @@
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #F48FB1;
}
-.p-rating .p-rating-item:focus {
+.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
+ border-color: #C4B5FD;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #C4B5FD;
@@ -1663,50 +1635,6 @@
border-radius: 6px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
-.p-treeselect-panel .p-treeselect-header {
- padding: 0.75rem 1.25rem;
- border-bottom: 1px solid #0b213f;
- color: rgba(255, 255, 255, 0.87);
- background: #071426;
- margin: 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
- margin-right: 0.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
- padding-right: 1.75rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 3.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 2.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- 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: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
-}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
@@ -1736,6 +1664,12 @@
.p-togglebutton.p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
+ border-color: #C4B5FD;
+}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
border-color: #0b213f;
@@ -1776,12 +1710,12 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 6px;
}
-.p-button:enabled:hover, .p-button:not(button):not(a):not(.p-disabled):hover {
+.p-button:enabled:hover {
background: #b3a0fc;
color: #1c2127;
border-color: #b3a0fc;
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: #a28bfc;
color: #1c2127;
border-color: #a28bfc;
@@ -1791,12 +1725,12 @@
color: #C4B5FD;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined:enabled:hover {
background: rgba(196, 181, 253, 0.04);
color: #C4B5FD;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined:enabled:active {
background: rgba(196, 181, 253, 0.16);
color: #C4B5FD;
border: 1px solid;
@@ -1805,11 +1739,11 @@
color: rgba(255, 255, 255, 0.6);
border-color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:hover, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:active, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1818,12 +1752,12 @@
color: #C4B5FD;
border-color: transparent;
}
-.p-button.p-button-text:enabled:hover, .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text:enabled:hover {
background: rgba(196, 181, 253, 0.04);
color: #C4B5FD;
border-color: transparent;
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active {
background: rgba(196, 181, 253, 0.16);
color: #C4B5FD;
border-color: transparent;
@@ -1831,11 +1765,11 @@
.p-button.p-button-text.p-button-plain {
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:hover, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:active, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1844,6 +1778,9 @@
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1896,20 +1833,11 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
+.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
- margin-right: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
- margin-top: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
- margin-bottom: 0.5rem;
-}
.p-button.p-button-loading-label-only .p-button-loading-icon {
- margin: 0;
+ margin-right: 0;
}
.p-fluid .p-button {
@@ -1925,295 +1853,295 @@
flex: 1;
}
-.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 {
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #1c2127;
background: #CBD5E1;
border: 1px solid #CBD5E1;
}
-.p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary:enabled:hover, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #b0bfd1;
color: #1c2127;
border-color: #b0bfd1;
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #dbe2ea;
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #95a9c2;
color: #1c2127;
border-color: #95a9c2;
}
-.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 {
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #CBD5E1;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(203, 213, 225, 0.04);
color: #CBD5E1;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(203, 213, 225, 0.16);
color: #CBD5E1;
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 {
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #CBD5E1;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-text:enabled:hover, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(203, 213, 225, 0.04);
border-color: transparent;
color: #CBD5E1;
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(203, 213, 225, 0.16);
border-color: transparent;
color: #CBD5E1;
}
-.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 {
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #1c2127;
background: #93C5FD;
border: 1px solid #93C5FD;
}
-.p-button.p-button-info:enabled:hover, .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info:enabled:hover, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #6cb0fc;
color: #1c2127;
border-color: #6cb0fc;
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #b3d6fe;
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #449bfc;
color: #1c2127;
border-color: #449bfc;
}
-.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 {
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #93C5FD;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:hover, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(147, 197, 253, 0.04);
color: #93C5FD;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(147, 197, 253, 0.16);
color: #93C5FD;
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 {
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #93C5FD;
border-color: transparent;
}
-.p-button.p-button-info.p-button-text:enabled:hover, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(147, 197, 253, 0.04);
border-color: transparent;
color: #93C5FD;
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(147, 197, 253, 0.16);
border-color: transparent;
color: #93C5FD;
}
-.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 {
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #1c2127;
background: #86EFAC;
border: 1px solid #86EFAC;
}
-.p-button.p-button-success:enabled:hover, .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success:enabled:hover, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #65eb95;
color: #1c2127;
border-color: #65eb95;
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #aaf4c5;
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #44e67f;
color: #1c2127;
border-color: #44e67f;
}
-.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 {
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #86EFAC;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:hover, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(134, 239, 172, 0.04);
color: #86EFAC;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(134, 239, 172, 0.16);
color: #86EFAC;
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 {
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #86EFAC;
border-color: transparent;
}
-.p-button.p-button-success.p-button-text:enabled:hover, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(134, 239, 172, 0.04);
border-color: transparent;
color: #86EFAC;
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(134, 239, 172, 0.16);
border-color: transparent;
color: #86EFAC;
}
-.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 {
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #1c2127;
background: #FCD34D;
border: 1px solid #FCD34D;
}
-.p-button.p-button-warning:enabled:hover, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning:enabled:hover, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #fbcb2d;
color: #1c2127;
border-color: #fbcb2d;
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #fde082;
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #fbc30c;
color: #1c2127;
border-color: #fbc30c;
}
-.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 {
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #FCD34D;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(252, 211, 77, 0.04);
color: #FCD34D;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(252, 211, 77, 0.16);
color: #FCD34D;
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 {
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #FCD34D;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-text:enabled:hover, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(252, 211, 77, 0.04);
border-color: transparent;
color: #FCD34D;
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(252, 211, 77, 0.16);
border-color: transparent;
color: #FCD34D;
}
-.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 {
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #1c2127;
background: #D8B4FE;
border: 1px solid #D8B4FE;
}
-.p-button.p-button-help:enabled:hover, .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help:enabled:hover, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #c289fd;
color: #1c2127;
border-color: #c289fd;
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #e4cbfe;
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #ab5efd;
color: #1c2127;
border-color: #ab5efd;
}
-.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 {
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #D8B4FE;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:hover, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(216, 180, 254, 0.04);
color: #D8B4FE;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(216, 180, 254, 0.16);
color: #D8B4FE;
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 {
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #D8B4FE;
border-color: transparent;
}
-.p-button.p-button-help.p-button-text:enabled:hover, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(216, 180, 254, 0.04);
border-color: transparent;
color: #D8B4FE;
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(216, 180, 254, 0.16);
border-color: transparent;
color: #D8B4FE;
}
-.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 {
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #1c2127;
background: #FCA5A5;
border: 1px solid #FCA5A5;
}
-.p-button.p-button-danger:enabled:hover, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger:enabled:hover, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #fb7d7d;
color: #1c2127;
border-color: #fb7d7d;
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #fdc0c0;
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #f95454;
color: #1c2127;
border-color: #f95454;
}
-.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 {
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #FCA5A5;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(252, 165, 165, 0.04);
color: #FCA5A5;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(252, 165, 165, 0.16);
color: #FCA5A5;
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 {
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #FCA5A5;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-text:enabled:hover, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(252, 165, 165, 0.04);
border-color: transparent;
color: #FCA5A5;
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(252, 165, 165, 0.16);
border-color: transparent;
color: #FCA5A5;
@@ -2224,25 +2152,89 @@
background: transparent;
border: transparent;
}
-.p-button.p-button-link:enabled:hover, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-link:enabled:hover {
background: transparent;
color: #C4B5FD;
border-color: transparent;
}
-.p-button.p-button-link:enabled:hover .p-button-label, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
+.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
-.p-button.p-button-link:enabled:focus, .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: 0 0 0 1px rgba(196, 181, 253, 0.5);
border-color: transparent;
}
-.p-button.p-button-link:enabled:active, .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-link:enabled:active {
background: transparent;
color: #C4B5FD;
border-color: transparent;
}
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: rgba(255, 255, 255, 0.87);
+ color: #040d19;
+}
+.p-speeddial-action:hover {
+ background: rgba(255, 255, 255, 0.6);
+ color: #040d19;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
.p-splitbutton {
border-radius: 6px;
}
@@ -2495,70 +2487,6 @@
color: #FCA5A5;
}
-.p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
-}
-.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
-}
-
-.p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: rgba(255, 255, 255, 0.87);
- color: #040d19;
-}
-.p-speeddial-action:hover {
- background: rgba(255, 255, 255, 0.6);
- color: #040d19;
-}
-
-.p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
-}
-
-.p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
-}
-
-.p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
-}
-
-.p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
-}
-
-.p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
-}
-.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
-}
-
-.p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
-}
-
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
@@ -2660,11 +2588,11 @@
background: rgba(196, 181, 253, 0.16);
margin-left: 0.5rem;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-datatable .p-sortable-column.p-highlight {
@@ -2674,11 +2602,11 @@
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column.p-highlight:hover {
background: rgba(196, 181, 253, 0.16);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-datatable .p-sortable-column:focus {
@@ -2730,9 +2658,9 @@
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 700;
}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
- background: rgba(196, 181, 253, 0.16);
- color: rgba(255, 255, 255, 0.87);
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid rgba(196, 181, 253, 0.5);
+ outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: rgba(196, 181, 253, 0.16);
@@ -2744,23 +2672,7 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 rgba(196, 181, 253, 0.16);
}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
- outline: 0.15rem solid rgba(196, 181, 253, 0.5);
- 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: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
- outline: 0.15rem solid rgba(196, 181, 253, 0.5);
- outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
@@ -2800,22 +2712,31 @@
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #0d1a2c;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: rgba(196, 181, 253, 0.16);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
- background: #0d1a2c;
-}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
@@ -2847,10 +2768,6 @@
padding: 1.25rem 1.25rem;
}
-.p-datatable-drag-selection-helper {
- background: rgba(196, 181, 253, 0.16);
-}
-
.p-dataview .p-paginator-top {
border-width: 1px 0 1px 0;
border-radius: 0;
@@ -2887,46 +2804,6 @@
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
-.p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
-}
-
-.p-datascroller .p-paginator-top {
- border-width: 1px 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-datascroller-header {
- background: #071426;
- color: rgba(255, 255, 255, 0.6);
- border: 1px solid #0b213f;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 700;
-}
-.p-datascroller .p-datascroller-content {
- background: #071426;
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- padding: 0;
-}
-.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
- border: solid #0b213f;
- border-width: 0 0 1px 0;
-}
-.p-datascroller .p-datascroller-footer {
- background: #071426;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #0b213f;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 700;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
-}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
@@ -3352,19 +3229,6 @@
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
-.p-orderlist .p-orderlist-filter-container {
- padding: 1.25rem;
- background: #071426;
- border: 1px solid #0b213f;
- border-bottom: 0 none;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.75rem;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-orderlist .p-orderlist-list {
border: 1px solid #0b213f;
background: #071426;
@@ -3401,22 +3265,6 @@
background: rgba(255, 255, 255, 0.03);
}
-@media screen and (max-width: 769px) {
- .p-orderlist {
- flex-direction: column;
- }
- .p-orderlist .p-orderlist-controls {
- padding: 1.25rem;
- flex-direction: row;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-controls .p-button:last-child {
- margin-right: 0;
- }
-}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
@@ -3495,6 +3343,7 @@
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
+ margin-right: 0.5rem;
height: 3rem;
}
.p-paginator .p-dropdown .p-dropdown-label {
@@ -3553,19 +3402,6 @@
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
-.p-picklist .p-picklist-filter-container {
- padding: 1.25rem;
- background: #071426;
- border: 1px solid #0b213f;
- border-bottom: 0 none;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.75rem;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-picklist .p-picklist-list {
border: 1px solid #0b213f;
background: #071426;
@@ -3595,35 +3431,38 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(196, 181, 253, 0.16);
}
-
-@media screen and (max-width: 769px) {
- .p-picklist {
- flex-direction: column;
- }
- .p-picklist .p-picklist-buttons {
- padding: 1.25rem;
- flex-direction: row;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-buttons .p-button:last-child {
- margin-right: 0;
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
- content: "\e930";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
- content: "\e92c";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
- content: "\e933";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
- content: "\e92f";
- }
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: rgba(255, 255, 255, 0.01);
}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 2px solid #C4B5FD;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #1c2127;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #0b213f;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
.p-tree {
border: 1px solid #0b213f;
background: #071426;
@@ -3690,10 +3529,6 @@
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
@@ -3711,12 +3546,6 @@
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
-.p-tree .p-treenode-droppoint {
- height: 0.5rem;
-}
-.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
- background: rgba(129, 96, 251, 0.16);
-}
.p-treetable .p-paginator-top {
border-width: 1px 0 1px 0;
@@ -3842,11 +3671,11 @@
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: rgba(255, 255, 255, 0.87);
}
.p-treetable .p-column-resizer-helper {
@@ -3911,31 +3740,6 @@
padding: 1.25rem 1.25rem;
}
-.p-timeline .p-timeline-event-marker {
- border: 2px solid #C4B5FD;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #1c2127;
-}
-.p-timeline .p-timeline-event-connector {
- background-color: #0b213f;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
-}
-
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1.25rem;
border: 1px solid #0b213f;
@@ -3951,7 +3755,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
+ box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: rgba(255, 255, 255, 0.03);
@@ -4043,6 +3847,9 @@
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: rgba(255, 255, 255, 0.03);
border-color: #0b213f;
@@ -4126,6 +3933,17 @@
border-top: 0 none;
}
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #0b213f;
+ border: 0 none;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
+}
+
.p-splitter {
border: 1px solid #0b213f;
background: #071426;
@@ -4138,16 +3956,17 @@
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: #0b213f;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
}
.p-splitter .p-splitter-gutter-resizing {
background: #0b213f;
}
-.p-scrollpanel .p-scrollpanel-bar {
- background: #0b213f;
- border: 0 none;
-}
-
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #0b213f;
@@ -4184,9 +4003,6 @@
border-color: #C4B5FD;
color: #C4B5FD;
}
-.p-tabview .p-tabview-close {
- margin-left: 0.5rem;
-}
.p-tabview .p-tabview-nav-btn.p-link {
background: #071426;
color: #C4B5FD;
@@ -4439,9 +4255,12 @@
border-bottom: 0 none;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
+ gap: 0.5rem;
}
-.p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
}
.p-fileupload .p-fileupload-content {
background: #071426;
@@ -4451,6 +4270,22 @@
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #0b213f;
+ border-radius: 6px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
.p-fileupload .p-progressbar {
height: 0.25rem;
}
@@ -4461,35 +4296,46 @@
margin-top: 0;
}
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #b3a0fc;
+ color: #1c2127;
+ border-color: #b3a0fc;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #a28bfc;
+ color: #1c2127;
+ border-color: #a28bfc;
+}
+
.p-breadcrumb {
background: #091a32;
border: 1px solid #0b213f;
border-radius: 6px;
padding: 1rem;
}
-.p-breadcrumb ul li .p-menuitem-link {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: box-shadow 0.2s;
border-radius: 6px;
}
-.p-breadcrumb ul li .p-menuitem-link:focus {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
@@ -4502,39 +4348,8 @@
border-radius: 6px;
width: 12.5rem;
}
-.p-contextmenu .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .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 {
- 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-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:focus {
+.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5);
}
.p-contextmenu .p-submenu-list {
padding: 0.25rem 0;
@@ -4543,16 +4358,59 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-active > .p-menuitem-link {
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1.25rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
background: rgba(196, 181, 253, 0.16);
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .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.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.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-menu-separator {
+.p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(196, 181, 253, 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: #0b213f;
+}
+.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:not(.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: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: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-menuitem-separator {
border-top: 1px solid #0b213f;
margin: 0.25rem 0;
}
@@ -4560,78 +4418,71 @@
font-size: 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-action {
+.p-dock .p-dock-item.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5);
+}
+.p-dock .p-dock-link {
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 {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
- .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list {
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
- .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container {
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
- .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
- .p-dock.p-dock-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 {
+ .p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
@@ -4643,98 +4494,68 @@
border: 1px solid #0b213f;
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 {
+ 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);
-}
-.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 rgba(196, 181, 253, 0.5);
-}
-.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(196, 181, 253, 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: 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.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-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-focus > .p-menuitem-content {
+ background: rgba(196, 181, 253, 0.24);
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ background: #0b213f;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-megamenu .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- 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-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.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 rgba(196, 181, 253, 0.5);
-}
.p-megamenu .p-megamenu-panel {
background: #091a32;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #0b213f;
box-shadow: 0 2px 4px -1px rgba(0, 0, 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);
@@ -4743,27 +4564,48 @@
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 #0b213f;
margin: 0.25rem 0;
}
-.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(196, 181, 253, 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;
}
+.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-menu {
padding: 0.25rem 0;
@@ -4773,40 +4615,58 @@
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 {
+ 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 {
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(196, 181, 253, 0.16);
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(196, 181, 253, 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: #0b213f;
+}
+.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-link:not(.p-disabled):hover .p-menuitem-text {
+.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-link:not(.p-disabled):hover .p-menuitem-icon {
+.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-menuitem-link:not(.p-disabled):hover .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 rgba(196, 181, 253, 0.5);
-}
.p-menu.p-menu-overlay {
background: #091a32;
border: 1px solid #0b213f;
@@ -4821,7 +4681,7 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
}
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
border-top: 1px solid #0b213f;
margin: 0.25rem 0;
}
@@ -4833,89 +4693,89 @@
border: 1px solid #0b213f;
border-radius: 6px;
}
-.p-menubar .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-menubar .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 {
- color: rgba(255, 255, 255, 0.6);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .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.87);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-menubar .p-menuitem-link:focus {
+.p-menubar .p-menubar-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5);
}
-.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-content {
color: rgba(255, 255, 255, 0.87);
- border-radius: 6px;
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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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 > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1.25rem;
+ user-select: none;
+}
+.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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5);
+.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-active > .p-menuitem-link,
-.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
background: rgba(196, 181, 253, 0.16);
}
-.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.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-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.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-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.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(196, 181, 253, 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: #0b213f;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-submenu-list {
@@ -4925,22 +4785,13 @@
box-shadow: 0 2px 4px -1px rgba(0, 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 #0b213f;
margin: 0.25rem 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
font-size: 0.875rem;
}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(196, 181, 253, 0.16);
-}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.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);
-}
@media screen and (max-width: 960px) {
.p-menubar {
@@ -4972,56 +4823,22 @@
box-shadow: 0 2px 4px -1px rgba(0, 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: 100%;
}
- .p-menubar .p-menubar-root-list .p-menu-separator {
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
border-top: 1px solid #0b213f;
margin: 0.25rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
- .p-menubar .p-menubar-root-list > .p-menuitem {
+ .p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .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 {
- 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 {
- 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:not(.p-disabled):hover .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 {
- 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 {
- 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 rgba(196, 181, 253, 0.5);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5034,26 +4851,26 @@
transition: transform 0.2s;
transform: rotate(90deg);
}
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 5.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 6.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 8.25rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5064,42 +4881,45 @@
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 #0b213f;
color: rgba(255, 255, 255, 0.87);
background: #071426;
- 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-action {
+ padding: 1.25rem;
+ font-weight: 700;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a:focus {
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
+ box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 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: rgba(255, 255, 255, 0.03);
border-color: #0b213f;
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: #071426;
border-color: #0b213f;
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: #0b213f;
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
@@ -5115,124 +4935,75 @@
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 {
+ 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 {
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(196, 181, 253, 0.16);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(196, 181, 253, 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: #0b213f;
+}
+.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:not(.p-disabled):hover .p-menuitem-text {
+.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:not(.p-disabled):hover .p-menuitem-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-link:not(.p-disabled):hover .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 rgba(196, 181, 253, 0.5);
-}
-.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 #0b213f;
+ 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: 4px;
}
-.p-slidemenu {
- padding: 0.25rem 0;
- background: #091a32;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #0b213f;
- border-radius: 6px;
- width: 12.5rem;
-}
-.p-slidemenu .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .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 {
- 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:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .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 rgba(196, 181, 253, 0.5);
-}
-.p-slidemenu.p-slidemenu-overlay {
- background: #091a32;
- border: 1px solid #0b213f;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 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-list {
- padding: 0.25rem 0;
- background: #091a32;
- border: 1px solid #0b213f;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 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: rgba(196, 181, 253, 0.16);
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.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: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-slidemenu-separator {
- border-top: 1px solid #0b213f;
- margin: 0.25rem 0;
-}
-.p-slidemenu .p-slidemenu-icon {
- font-size: 0.875rem;
-}
-.p-slidemenu .p-slidemenu-backward {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
-}
-
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
@@ -5298,7 +5069,6 @@
border-top-left-radius: 6px;
transition: box-shadow 0.2s;
margin: 0 0 -2px 0;
- height: calc(100% + 2px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
@@ -5327,61 +5097,73 @@
border-radius: 6px;
width: 12.5rem;
}
-.p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .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 {
- 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 {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5);
-}
.p-tieredmenu.p-tieredmenu-overlay {
background: #091a32;
border: 1px solid #0b213f;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.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: #091a32;
border: 1px solid #0b213f;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.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-active > .p-menuitem-link {
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1.25rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
background: rgba(196, 181, 253, 0.16);
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .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.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.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-menu-separator {
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(196, 181, 253, 0.24);
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ background: #0b213f;
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ 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: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: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 #0b213f;
margin: 0.25rem 0;
}
@@ -5693,9 +5475,6 @@
background: rgba(255, 255, 255, 0.1);
color: #f8f9fa;
}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- transition: box-shadow 0.2s;
-}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
@@ -5769,6 +5548,48 @@
border: 2px solid #071426;
}
+.p-badge {
+ background: #C4B5FD;
+ color: #1c2127;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #CBD5E1;
+ color: #1c2127;
+}
+.p-badge.p-badge-success {
+ background-color: #86EFAC;
+ color: #1c2127;
+}
+.p-badge.p-badge-info {
+ background-color: #93C5FD;
+ color: #1c2127;
+}
+.p-badge.p-badge-warning {
+ background-color: #FCD34D;
+ color: #1c2127;
+}
+.p-badge.p-badge-danger {
+ background-color: #FCA5A5;
+ color: #1c2127;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
.p-chip {
background-color: #0b213f;
color: rgba(255, 255, 255, 0.87);
@@ -5790,9 +5611,9 @@
margin-right: 0.5rem;
}
.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
border-radius: 6px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-left: 0.5rem;
}
.p-chip .p-chip-remove-icon:focus {
outline: 0 none;
@@ -5800,6 +5621,37 @@
box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
}
+.p-inplace .p-inplace-display {
+ padding: 0.75rem 0.75rem;
+ border-radius: 6px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 1.5rem;
+ background: #0b213f;
+ border-radius: 6px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #C4B5FD;
+}
+.p-progressbar .p-progressbar-label {
+ color: #1c2127;
+ line-height: 1.5rem;
+}
+
.p-scrolltop {
width: 3rem;
height: 3rem;
@@ -5855,37 +5707,6 @@
font-size: 0.75rem;
}
-.p-inplace .p-inplace-display {
- padding: 0.75rem 0.75rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
-}
-
-.p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #0b213f;
- border-radius: 6px;
-}
-.p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #C4B5FD;
-}
-.p-progressbar .p-progressbar-label {
- color: #1c2127;
- line-height: 1.5rem;
-}
-
.p-terminal {
background: #071426;
color: rgba(255, 255, 255, 0.87);
@@ -5897,73 +5718,6 @@
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
-.p-badge {
- background: #C4B5FD;
- color: #1c2127;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
-}
-.p-badge.p-badge-secondary {
- background-color: #CBD5E1;
- color: #1c2127;
-}
-.p-badge.p-badge-success {
- background-color: #86EFAC;
- color: #1c2127;
-}
-.p-badge.p-badge-info {
- background-color: #93C5FD;
- color: #1c2127;
-}
-.p-badge.p-badge-warning {
- background-color: #FCD34D;
- color: #1c2127;
-}
-.p-badge.p-badge-danger {
- background-color: #FCA5A5;
- color: #1c2127;
-}
-.p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
-}
-.p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
-}
-
-.p-tag {
- background: #C4B5FD;
- color: #1c2127;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 6px;
-}
-.p-tag.p-tag-success {
- background-color: #86EFAC;
- color: #1c2127;
-}
-.p-tag.p-tag-info {
- background-color: #93C5FD;
- color: #1c2127;
-}
-.p-tag.p-tag-warning {
- background-color: #FCD34D;
- color: #1c2127;
-}
-.p-tag.p-tag-danger {
- background-color: #FCA5A5;
- color: #1c2127;
-}
-
.p-button-label {
font-weight: 700;
}
@@ -5975,15 +5729,6 @@
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
-.p-tabview .p-tabview-nav .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 2px;
- background-color: #C4B5FD;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
-}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #C4B5FD;
diff --git a/public/themes/lara-dark-teal/theme.css b/public/themes/lara-dark-teal/theme.css
index cc96ffe..d4941b6 100644
--- a/public/themes/lara-dark-teal/theme.css
+++ b/public/themes/lara-dark-teal/theme.css
@@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.75rem;
}
-.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.375rem 0.75rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #5EEAD4;
}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
border-color: #5EEAD4;
}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.375rem 0.75rem;
+ gap: 0.5rem;
+}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.375rem 0;
}
@@ -265,14 +266,17 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: rgba(94, 234, 212, 0.16);
+ background: #0b213f;
color: rgba(255, 255, 255, 0.87);
- border-radius: 6px;
+ border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #233752;
+ color: rgba(255, 255, 255, 0.87);
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #FCA5A5;
}
@@ -296,14 +300,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
-}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(94, 234, 212, 0.16);
}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: rgba(94, 234, 212, 0.24);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: #0b213f;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1.25rem;
@@ -494,10 +505,10 @@
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
+ border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
- border-left: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03);
@@ -585,22 +596,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.75rem 1.25rem;
-}
-.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 rgba(94, 234, 212, 0.5);
-}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(94, 234, 212, 0.16);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: rgba(94, 234, 212, 0.24);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: #0b213f;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.75rem 1.25rem;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@@ -637,11 +650,6 @@
border-color: #5EEAD4;
background: #5EEAD4;
}
-.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
- border-color: #41e6cc;
- background: #41e6cc;
- color: #1c2127;
-}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: #5EEAD4;
}
@@ -673,24 +681,28 @@
background: #41e6cc;
}
-.p-chips .p-chips-multiple-container {
- padding: 0.375rem 0.75rem;
-}
-.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #5EEAD4;
}
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
border-color: #5EEAD4;
}
+.p-chips .p-chips-multiple-container {
+ padding: 0.375rem 0.75rem;
+}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
- background: rgba(94, 234, 212, 0.16);
+ background: #0b213f;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #233752;
color: rgba(255, 255, 255, 0.87);
- border-radius: 6px;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@@ -752,7 +764,7 @@
.p-dropdown .p-dropdown-label.p-placeholder {
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown .p-dropdown-label:enabled:focus {
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
@@ -795,13 +807,6 @@
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
- padding-right: 3.5rem;
- margin-right: -3.5rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
- right: 2.5rem;
-}
.p-dropdown-panel .p-dropdown-items {
padding: 0.75rem 0;
}
@@ -818,6 +823,13 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(94, 234, 212, 0.16);
}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: rgba(94, 234, 212, 0.24);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: #0b213f;
+}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -1059,7 +1071,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #4fe8d0;
}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
+.p-inputswitch.p-invalid {
border-color: #FCA5A5;
}
@@ -1101,13 +1113,11 @@
transition-duration: 0.2s;
}
-.p-float-label > label.p-error {
+.p-float-label > .p-invalid + label {
color: #FCA5A5;
}
-.p-input-icon-left > i:first-of-type,
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1120,9 +1130,7 @@
left: 2.5rem;
}
-.p-input-icon-right > i:last-of-type,
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1172,6 +1180,7 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #0b213f;
border-radius: 6px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-listbox .p-listbox-header {
padding: 0.75rem 1.25rem;
@@ -1191,6 +1200,7 @@
}
.p-listbox .p-listbox-list {
padding: 0.75rem 0;
+ outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
@@ -1204,11 +1214,6 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(94, 234, 212, 0.16);
}
-.p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
-}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 0.75rem 1.25rem;
@@ -1221,42 +1226,27 @@
color: rgba(255, 255, 255, 0.87);
background: transparent;
}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: rgba(94, 234, 212, 0.24);
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: #0b213f;
+}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+ border-color: #5EEAD4;
+}
.p-listbox.p-invalid {
border-color: #FCA5A5;
}
-.p-mention-panel {
- background: #071426;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #0b213f;
- border-radius: 6px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-}
-.p-mention-panel .p-mention-items {
- padding: 0.75rem 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item {
- margin: 0;
- padding: 0.75rem 1.25rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
-}
-.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(94, 234, 212, 0.16);
-}
-
.p-multiselect {
background: #040d19;
border: 1px solid #0b213f;
@@ -1272,9 +1262,6 @@
box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
border-color: #5EEAD4;
}
-.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.75rem;
-}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1285,9 +1272,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
- background: rgba(94, 234, 212, 0.16);
+ background: #0b213f;
color: rgba(255, 255, 255, 0.87);
- border-radius: 6px;
+ border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
@@ -1299,10 +1286,6 @@
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
-.p-multiselect .p-multiselect-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 3rem;
-}
.p-multiselect.p-invalid.p-component {
border-color: #FCA5A5;
}
@@ -1310,12 +1293,6 @@
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.375rem 0.75rem;
}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
- padding: 0.75rem 0.75rem;
-}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.75rem;
-}
.p-multiselect-panel {
background: #071426;
@@ -1333,9 +1310,6 @@
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
- margin: 0 0.5rem;
-}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.75rem;
}
@@ -1343,7 +1317,11 @@
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);
}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
@@ -1378,15 +1356,17 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(94, 234, 212, 0.16);
}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: rgba(94, 234, 212, 0.24);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: #0b213f;
+}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
-}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
@@ -1438,16 +1418,6 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #93deac;
}
-.p-password-panel .p-password-info.weak {
- color: #eb9a9c;
-}
-.p-password-panel .p-password-info.medium {
- color: #ffcf91;
-}
-.p-password-panel .p-password-info.strong {
- color: #93deac;
-}
-
.p-radiobutton {
width: 22px;
@@ -1517,10 +1487,11 @@
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #F48FB1;
}
-.p-rating .p-rating-item:focus {
+.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+ border-color: #5EEAD4;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #5EEAD4;
@@ -1664,50 +1635,6 @@
border-radius: 6px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
-.p-treeselect-panel .p-treeselect-header {
- padding: 0.75rem 1.25rem;
- border-bottom: 1px solid #0b213f;
- color: rgba(255, 255, 255, 0.87);
- background: #071426;
- margin: 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
- margin-right: 0.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
- padding-right: 1.75rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 3.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 2.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- 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: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
-}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
@@ -1737,6 +1664,12 @@
.p-togglebutton.p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+ border-color: #5EEAD4;
+}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
border-color: #0b213f;
@@ -1777,12 +1710,12 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 6px;
}
-.p-button:enabled:hover, .p-button:not(button):not(a):not(.p-disabled):hover {
+.p-button:enabled:hover {
background: #4fe8d0;
color: #1c2127;
border-color: #4fe8d0;
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: #41e6cc;
color: #1c2127;
border-color: #41e6cc;
@@ -1792,12 +1725,12 @@
color: #5EEAD4;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined:enabled:hover {
background: rgba(94, 234, 212, 0.04);
color: #5EEAD4;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined:enabled:active {
background: rgba(94, 234, 212, 0.16);
color: #5EEAD4;
border: 1px solid;
@@ -1806,11 +1739,11 @@
color: rgba(255, 255, 255, 0.6);
border-color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:hover, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:active, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1819,12 +1752,12 @@
color: #5EEAD4;
border-color: transparent;
}
-.p-button.p-button-text:enabled:hover, .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text:enabled:hover {
background: rgba(94, 234, 212, 0.04);
color: #5EEAD4;
border-color: transparent;
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active {
background: rgba(94, 234, 212, 0.16);
color: #5EEAD4;
border-color: transparent;
@@ -1832,11 +1765,11 @@
.p-button.p-button-text.p-button-plain {
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:hover, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:active, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1845,6 +1778,9 @@
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1897,20 +1833,11 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
+.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
- margin-right: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
- margin-top: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
- margin-bottom: 0.5rem;
-}
.p-button.p-button-loading-label-only .p-button-loading-icon {
- margin: 0;
+ margin-right: 0;
}
.p-fluid .p-button {
@@ -1926,295 +1853,295 @@
flex: 1;
}
-.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 {
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #1c2127;
background: #CBD5E1;
border: 1px solid #CBD5E1;
}
-.p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary:enabled:hover, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #b0bfd1;
color: #1c2127;
border-color: #b0bfd1;
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #dbe2ea;
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #95a9c2;
color: #1c2127;
border-color: #95a9c2;
}
-.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 {
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #CBD5E1;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(203, 213, 225, 0.04);
color: #CBD5E1;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(203, 213, 225, 0.16);
color: #CBD5E1;
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 {
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #CBD5E1;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-text:enabled:hover, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(203, 213, 225, 0.04);
border-color: transparent;
color: #CBD5E1;
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(203, 213, 225, 0.16);
border-color: transparent;
color: #CBD5E1;
}
-.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 {
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #1c2127;
background: #93C5FD;
border: 1px solid #93C5FD;
}
-.p-button.p-button-info:enabled:hover, .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info:enabled:hover, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #6cb0fc;
color: #1c2127;
border-color: #6cb0fc;
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #b3d6fe;
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #449bfc;
color: #1c2127;
border-color: #449bfc;
}
-.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 {
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #93C5FD;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:hover, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(147, 197, 253, 0.04);
color: #93C5FD;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(147, 197, 253, 0.16);
color: #93C5FD;
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 {
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #93C5FD;
border-color: transparent;
}
-.p-button.p-button-info.p-button-text:enabled:hover, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(147, 197, 253, 0.04);
border-color: transparent;
color: #93C5FD;
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(147, 197, 253, 0.16);
border-color: transparent;
color: #93C5FD;
}
-.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 {
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #1c2127;
background: #86EFAC;
border: 1px solid #86EFAC;
}
-.p-button.p-button-success:enabled:hover, .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success:enabled:hover, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #65eb95;
color: #1c2127;
border-color: #65eb95;
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #aaf4c5;
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #44e67f;
color: #1c2127;
border-color: #44e67f;
}
-.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 {
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #86EFAC;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:hover, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(134, 239, 172, 0.04);
color: #86EFAC;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(134, 239, 172, 0.16);
color: #86EFAC;
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 {
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #86EFAC;
border-color: transparent;
}
-.p-button.p-button-success.p-button-text:enabled:hover, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(134, 239, 172, 0.04);
border-color: transparent;
color: #86EFAC;
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(134, 239, 172, 0.16);
border-color: transparent;
color: #86EFAC;
}
-.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 {
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #1c2127;
background: #FCD34D;
border: 1px solid #FCD34D;
}
-.p-button.p-button-warning:enabled:hover, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning:enabled:hover, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #fbcb2d;
color: #1c2127;
border-color: #fbcb2d;
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #fde082;
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #fbc30c;
color: #1c2127;
border-color: #fbc30c;
}
-.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 {
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #FCD34D;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(252, 211, 77, 0.04);
color: #FCD34D;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(252, 211, 77, 0.16);
color: #FCD34D;
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 {
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #FCD34D;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-text:enabled:hover, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(252, 211, 77, 0.04);
border-color: transparent;
color: #FCD34D;
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(252, 211, 77, 0.16);
border-color: transparent;
color: #FCD34D;
}
-.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 {
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #1c2127;
background: #D8B4FE;
border: 1px solid #D8B4FE;
}
-.p-button.p-button-help:enabled:hover, .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help:enabled:hover, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #c289fd;
color: #1c2127;
border-color: #c289fd;
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #e4cbfe;
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #ab5efd;
color: #1c2127;
border-color: #ab5efd;
}
-.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 {
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #D8B4FE;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:hover, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(216, 180, 254, 0.04);
color: #D8B4FE;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(216, 180, 254, 0.16);
color: #D8B4FE;
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 {
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #D8B4FE;
border-color: transparent;
}
-.p-button.p-button-help.p-button-text:enabled:hover, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(216, 180, 254, 0.04);
border-color: transparent;
color: #D8B4FE;
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(216, 180, 254, 0.16);
border-color: transparent;
color: #D8B4FE;
}
-.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 {
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #1c2127;
background: #FCA5A5;
border: 1px solid #FCA5A5;
}
-.p-button.p-button-danger:enabled:hover, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger:enabled:hover, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #fb7d7d;
color: #1c2127;
border-color: #fb7d7d;
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #fdc0c0;
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #f95454;
color: #1c2127;
border-color: #f95454;
}
-.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 {
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #FCA5A5;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(252, 165, 165, 0.04);
color: #FCA5A5;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(252, 165, 165, 0.16);
color: #FCA5A5;
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 {
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #FCA5A5;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-text:enabled:hover, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(252, 165, 165, 0.04);
border-color: transparent;
color: #FCA5A5;
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(252, 165, 165, 0.16);
border-color: transparent;
color: #FCA5A5;
@@ -2225,25 +2152,89 @@
background: transparent;
border: transparent;
}
-.p-button.p-button-link:enabled:hover, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-link:enabled:hover {
background: transparent;
color: #5EEAD4;
border-color: transparent;
}
-.p-button.p-button-link:enabled:hover .p-button-label, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
+.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
-.p-button.p-button-link:enabled:focus, .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: 0 0 0 1px rgba(94, 234, 212, 0.5);
border-color: transparent;
}
-.p-button.p-button-link:enabled:active, .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-link:enabled:active {
background: transparent;
color: #5EEAD4;
border-color: transparent;
}
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: rgba(255, 255, 255, 0.87);
+ color: #040d19;
+}
+.p-speeddial-action:hover {
+ background: rgba(255, 255, 255, 0.6);
+ color: #040d19;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
.p-splitbutton {
border-radius: 6px;
}
@@ -2496,70 +2487,6 @@
color: #FCA5A5;
}
-.p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
-}
-.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
-}
-
-.p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: rgba(255, 255, 255, 0.87);
- color: #040d19;
-}
-.p-speeddial-action:hover {
- background: rgba(255, 255, 255, 0.6);
- color: #040d19;
-}
-
-.p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
-}
-
-.p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
-}
-
-.p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
-}
-
-.p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
-}
-
-.p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
-}
-.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
-}
-
-.p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
-}
-
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
@@ -2661,11 +2588,11 @@
background: rgba(94, 234, 212, 0.16);
margin-left: 0.5rem;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-datatable .p-sortable-column.p-highlight {
@@ -2675,11 +2602,11 @@
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column.p-highlight:hover {
background: rgba(94, 234, 212, 0.16);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-datatable .p-sortable-column:focus {
@@ -2731,9 +2658,9 @@
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 700;
}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
- background: rgba(94, 234, 212, 0.16);
- color: rgba(255, 255, 255, 0.87);
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid rgba(94, 234, 212, 0.5);
+ outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: rgba(94, 234, 212, 0.16);
@@ -2745,23 +2672,7 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 rgba(94, 234, 212, 0.16);
}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
- outline: 0.15rem solid rgba(94, 234, 212, 0.5);
- 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: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
- outline: 0.15rem solid rgba(94, 234, 212, 0.5);
- outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
@@ -2801,22 +2712,31 @@
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #0d1a2c;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: rgba(94, 234, 212, 0.16);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
- background: #0d1a2c;
-}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
@@ -2848,10 +2768,6 @@
padding: 1.25rem 1.25rem;
}
-.p-datatable-drag-selection-helper {
- background: rgba(94, 234, 212, 0.16);
-}
-
.p-dataview .p-paginator-top {
border-width: 1px 0 1px 0;
border-radius: 0;
@@ -2888,46 +2804,6 @@
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
-.p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
-}
-
-.p-datascroller .p-paginator-top {
- border-width: 1px 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-datascroller-header {
- background: #071426;
- color: rgba(255, 255, 255, 0.6);
- border: 1px solid #0b213f;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 700;
-}
-.p-datascroller .p-datascroller-content {
- background: #071426;
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- padding: 0;
-}
-.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
- border: solid #0b213f;
- border-width: 0 0 1px 0;
-}
-.p-datascroller .p-datascroller-footer {
- background: #071426;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #0b213f;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 700;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
-}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
@@ -3353,19 +3229,6 @@
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
-.p-orderlist .p-orderlist-filter-container {
- padding: 1.25rem;
- background: #071426;
- border: 1px solid #0b213f;
- border-bottom: 0 none;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.75rem;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-orderlist .p-orderlist-list {
border: 1px solid #0b213f;
background: #071426;
@@ -3402,22 +3265,6 @@
background: rgba(255, 255, 255, 0.03);
}
-@media screen and (max-width: 769px) {
- .p-orderlist {
- flex-direction: column;
- }
- .p-orderlist .p-orderlist-controls {
- padding: 1.25rem;
- flex-direction: row;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-controls .p-button:last-child {
- margin-right: 0;
- }
-}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
@@ -3496,6 +3343,7 @@
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
+ margin-right: 0.5rem;
height: 3rem;
}
.p-paginator .p-dropdown .p-dropdown-label {
@@ -3554,19 +3402,6 @@
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
-.p-picklist .p-picklist-filter-container {
- padding: 1.25rem;
- background: #071426;
- border: 1px solid #0b213f;
- border-bottom: 0 none;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.75rem;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-picklist .p-picklist-list {
border: 1px solid #0b213f;
background: #071426;
@@ -3596,35 +3431,38 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(94, 234, 212, 0.16);
}
-
-@media screen and (max-width: 769px) {
- .p-picklist {
- flex-direction: column;
- }
- .p-picklist .p-picklist-buttons {
- padding: 1.25rem;
- flex-direction: row;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-buttons .p-button:last-child {
- margin-right: 0;
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
- content: "\e930";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
- content: "\e92c";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
- content: "\e933";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
- content: "\e92f";
- }
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: rgba(255, 255, 255, 0.01);
}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 2px solid #5EEAD4;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #1c2127;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #0b213f;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
.p-tree {
border: 1px solid #0b213f;
background: #071426;
@@ -3691,10 +3529,6 @@
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
@@ -3712,12 +3546,6 @@
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
-.p-tree .p-treenode-droppoint {
- height: 0.5rem;
-}
-.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
- background: rgba(36, 226, 197, 0.16);
-}
.p-treetable .p-paginator-top {
border-width: 1px 0 1px 0;
@@ -3843,11 +3671,11 @@
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: rgba(255, 255, 255, 0.87);
}
.p-treetable .p-column-resizer-helper {
@@ -3912,31 +3740,6 @@
padding: 1.25rem 1.25rem;
}
-.p-timeline .p-timeline-event-marker {
- border: 2px solid #5EEAD4;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #1c2127;
-}
-.p-timeline .p-timeline-event-connector {
- background-color: #0b213f;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
-}
-
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1.25rem;
border: 1px solid #0b213f;
@@ -3952,7 +3755,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+ box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: rgba(255, 255, 255, 0.03);
@@ -4044,6 +3847,9 @@
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: rgba(255, 255, 255, 0.03);
border-color: #0b213f;
@@ -4127,6 +3933,17 @@
border-top: 0 none;
}
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #0b213f;
+ border: 0 none;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+}
+
.p-splitter {
border: 1px solid #0b213f;
background: #071426;
@@ -4139,16 +3956,17 @@
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: #0b213f;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
}
.p-splitter .p-splitter-gutter-resizing {
background: #0b213f;
}
-.p-scrollpanel .p-scrollpanel-bar {
- background: #0b213f;
- border: 0 none;
-}
-
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #0b213f;
@@ -4185,9 +4003,6 @@
border-color: #5EEAD4;
color: #5EEAD4;
}
-.p-tabview .p-tabview-close {
- margin-left: 0.5rem;
-}
.p-tabview .p-tabview-nav-btn.p-link {
background: #071426;
color: #5EEAD4;
@@ -4440,9 +4255,12 @@
border-bottom: 0 none;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
+ gap: 0.5rem;
}
-.p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
}
.p-fileupload .p-fileupload-content {
background: #071426;
@@ -4452,6 +4270,22 @@
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #0b213f;
+ border-radius: 6px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
.p-fileupload .p-progressbar {
height: 0.25rem;
}
@@ -4462,35 +4296,46 @@
margin-top: 0;
}
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #4fe8d0;
+ color: #1c2127;
+ border-color: #4fe8d0;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #41e6cc;
+ color: #1c2127;
+ border-color: #41e6cc;
+}
+
.p-breadcrumb {
background: #091a32;
border: 1px solid #0b213f;
border-radius: 6px;
padding: 1rem;
}
-.p-breadcrumb ul li .p-menuitem-link {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: box-shadow 0.2s;
border-radius: 6px;
}
-.p-breadcrumb ul li .p-menuitem-link:focus {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
@@ -4503,39 +4348,8 @@
border-radius: 6px;
width: 12.5rem;
}
-.p-contextmenu .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .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 {
- 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-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:focus {
+.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
}
.p-contextmenu .p-submenu-list {
padding: 0.25rem 0;
@@ -4544,16 +4358,59 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-active > .p-menuitem-link {
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1.25rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
background: rgba(94, 234, 212, 0.16);
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .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.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.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-menu-separator {
+.p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(94, 234, 212, 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: #0b213f;
+}
+.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:not(.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: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: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-menuitem-separator {
border-top: 1px solid #0b213f;
margin: 0.25rem 0;
}
@@ -4561,78 +4418,71 @@
font-size: 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-action {
+.p-dock .p-dock-item.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
+}
+.p-dock .p-dock-link {
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 {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
- .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list {
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
- .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container {
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
- .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
- .p-dock.p-dock-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 {
+ .p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
@@ -4644,98 +4494,68 @@
border: 1px solid #0b213f;
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 {
+ 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);
-}
-.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 rgba(94, 234, 212, 0.5);
-}
-.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(94, 234, 212, 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: 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.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-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-focus > .p-menuitem-content {
+ background: rgba(94, 234, 212, 0.24);
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ background: #0b213f;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-megamenu .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- 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-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.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 rgba(94, 234, 212, 0.5);
-}
.p-megamenu .p-megamenu-panel {
background: #091a32;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #0b213f;
box-shadow: 0 2px 4px -1px rgba(0, 0, 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);
@@ -4744,27 +4564,48 @@
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 #0b213f;
margin: 0.25rem 0;
}
-.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(94, 234, 212, 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;
}
+.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-menu {
padding: 0.25rem 0;
@@ -4774,40 +4615,58 @@
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 {
+ 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 {
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(94, 234, 212, 0.16);
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(94, 234, 212, 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: #0b213f;
+}
+.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-link:not(.p-disabled):hover .p-menuitem-text {
+.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-link:not(.p-disabled):hover .p-menuitem-icon {
+.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-menuitem-link:not(.p-disabled):hover .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 rgba(94, 234, 212, 0.5);
-}
.p-menu.p-menu-overlay {
background: #091a32;
border: 1px solid #0b213f;
@@ -4822,7 +4681,7 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
}
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
border-top: 1px solid #0b213f;
margin: 0.25rem 0;
}
@@ -4834,89 +4693,89 @@
border: 1px solid #0b213f;
border-radius: 6px;
}
-.p-menubar .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-menubar .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 {
- color: rgba(255, 255, 255, 0.6);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .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.87);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-menubar .p-menuitem-link:focus {
+.p-menubar .p-menubar-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
}
-.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-content {
color: rgba(255, 255, 255, 0.87);
- border-radius: 6px;
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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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 > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1.25rem;
+ user-select: none;
+}
+.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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
+.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-active > .p-menuitem-link,
-.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
background: rgba(94, 234, 212, 0.16);
}
-.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.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-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.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-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.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(94, 234, 212, 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: #0b213f;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-submenu-list {
@@ -4926,22 +4785,13 @@
box-shadow: 0 2px 4px -1px rgba(0, 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 #0b213f;
margin: 0.25rem 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
font-size: 0.875rem;
}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: rgba(94, 234, 212, 0.16);
-}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.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);
-}
@media screen and (max-width: 960px) {
.p-menubar {
@@ -4973,56 +4823,22 @@
box-shadow: 0 2px 4px -1px rgba(0, 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: 100%;
}
- .p-menubar .p-menubar-root-list .p-menu-separator {
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
border-top: 1px solid #0b213f;
margin: 0.25rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
- .p-menubar .p-menubar-root-list > .p-menuitem {
+ .p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .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 {
- 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 {
- 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:not(.p-disabled):hover .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 {
- 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 {
- 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 rgba(94, 234, 212, 0.5);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5035,26 +4851,26 @@
transition: transform 0.2s;
transform: rotate(90deg);
}
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 5.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 6.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 8.25rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5065,42 +4881,45 @@
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 #0b213f;
color: rgba(255, 255, 255, 0.87);
background: #071426;
- 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-action {
+ padding: 1.25rem;
+ font-weight: 700;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a:focus {
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+ box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 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: rgba(255, 255, 255, 0.03);
border-color: #0b213f;
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: #071426;
border-color: #0b213f;
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: #0b213f;
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
@@ -5116,124 +4935,75 @@
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 {
+ 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 {
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(94, 234, 212, 0.16);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(94, 234, 212, 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: #0b213f;
+}
+.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:not(.p-disabled):hover .p-menuitem-text {
+.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:not(.p-disabled):hover .p-menuitem-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-link:not(.p-disabled):hover .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 rgba(94, 234, 212, 0.5);
-}
-.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 #0b213f;
+ 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: 4px;
}
-.p-slidemenu {
- padding: 0.25rem 0;
- background: #091a32;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #0b213f;
- border-radius: 6px;
- width: 12.5rem;
-}
-.p-slidemenu .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .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 {
- 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:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .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 rgba(94, 234, 212, 0.5);
-}
-.p-slidemenu.p-slidemenu-overlay {
- background: #091a32;
- border: 1px solid #0b213f;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 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-list {
- padding: 0.25rem 0;
- background: #091a32;
- border: 1px solid #0b213f;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 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: rgba(94, 234, 212, 0.16);
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.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: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-slidemenu-separator {
- border-top: 1px solid #0b213f;
- margin: 0.25rem 0;
-}
-.p-slidemenu .p-slidemenu-icon {
- font-size: 0.875rem;
-}
-.p-slidemenu .p-slidemenu-backward {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
-}
-
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
@@ -5299,7 +5069,6 @@
border-top-left-radius: 6px;
transition: box-shadow 0.2s;
margin: 0 0 -2px 0;
- height: calc(100% + 2px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
@@ -5328,61 +5097,73 @@
border-radius: 6px;
width: 12.5rem;
}
-.p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .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 {
- 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 {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5);
-}
.p-tieredmenu.p-tieredmenu-overlay {
background: #091a32;
border: 1px solid #0b213f;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.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: #091a32;
border: 1px solid #0b213f;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.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-active > .p-menuitem-link {
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1.25rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
background: rgba(94, 234, 212, 0.16);
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .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.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.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-menu-separator {
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(94, 234, 212, 0.24);
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ background: #0b213f;
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ 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: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: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 #0b213f;
margin: 0.25rem 0;
}
@@ -5694,9 +5475,6 @@
background: rgba(255, 255, 255, 0.1);
color: #f8f9fa;
}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- transition: box-shadow 0.2s;
-}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
@@ -5770,6 +5548,48 @@
border: 2px solid #071426;
}
+.p-badge {
+ background: #5EEAD4;
+ color: #1c2127;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #CBD5E1;
+ color: #1c2127;
+}
+.p-badge.p-badge-success {
+ background-color: #86EFAC;
+ color: #1c2127;
+}
+.p-badge.p-badge-info {
+ background-color: #93C5FD;
+ color: #1c2127;
+}
+.p-badge.p-badge-warning {
+ background-color: #FCD34D;
+ color: #1c2127;
+}
+.p-badge.p-badge-danger {
+ background-color: #FCA5A5;
+ color: #1c2127;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
.p-chip {
background-color: #0b213f;
color: rgba(255, 255, 255, 0.87);
@@ -5791,9 +5611,9 @@
margin-right: 0.5rem;
}
.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
border-radius: 6px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-left: 0.5rem;
}
.p-chip .p-chip-remove-icon:focus {
outline: 0 none;
@@ -5801,6 +5621,37 @@
box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
}
+.p-inplace .p-inplace-display {
+ padding: 0.75rem 0.75rem;
+ border-radius: 6px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 1.5rem;
+ background: #0b213f;
+ border-radius: 6px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #5EEAD4;
+}
+.p-progressbar .p-progressbar-label {
+ color: #1c2127;
+ line-height: 1.5rem;
+}
+
.p-scrolltop {
width: 3rem;
height: 3rem;
@@ -5856,37 +5707,6 @@
font-size: 0.75rem;
}
-.p-inplace .p-inplace-display {
- padding: 0.75rem 0.75rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
-}
-
-.p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #0b213f;
- border-radius: 6px;
-}
-.p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #5EEAD4;
-}
-.p-progressbar .p-progressbar-label {
- color: #1c2127;
- line-height: 1.5rem;
-}
-
.p-terminal {
background: #071426;
color: rgba(255, 255, 255, 0.87);
@@ -5898,73 +5718,6 @@
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
-.p-badge {
- background: #5EEAD4;
- color: #1c2127;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
-}
-.p-badge.p-badge-secondary {
- background-color: #CBD5E1;
- color: #1c2127;
-}
-.p-badge.p-badge-success {
- background-color: #86EFAC;
- color: #1c2127;
-}
-.p-badge.p-badge-info {
- background-color: #93C5FD;
- color: #1c2127;
-}
-.p-badge.p-badge-warning {
- background-color: #FCD34D;
- color: #1c2127;
-}
-.p-badge.p-badge-danger {
- background-color: #FCA5A5;
- color: #1c2127;
-}
-.p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
-}
-.p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
-}
-
-.p-tag {
- background: #5EEAD4;
- color: #1c2127;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 6px;
-}
-.p-tag.p-tag-success {
- background-color: #86EFAC;
- color: #1c2127;
-}
-.p-tag.p-tag-info {
- background-color: #93C5FD;
- color: #1c2127;
-}
-.p-tag.p-tag-warning {
- background-color: #FCD34D;
- color: #1c2127;
-}
-.p-tag.p-tag-danger {
- background-color: #FCA5A5;
- color: #1c2127;
-}
-
.p-button-label {
font-weight: 700;
}
@@ -5976,15 +5729,6 @@
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
-.p-tabview .p-tabview-nav .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 2px;
- background-color: #5EEAD4;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
-}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #5EEAD4;
diff --git a/public/themes/lara-light-blue/theme.css b/public/themes/lara-light-blue/theme.css
index b257e79..7fd6cd5 100644
--- a/public/themes/lara-light-blue/theme.css
+++ b/public/themes/lara-light-blue/theme.css
@@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.75rem;
}
-.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.375rem 0.75rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #3B82F6;
}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
border-color: #3B82F6;
}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.375rem 0.75rem;
+ gap: 0.5rem;
+}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.375rem 0;
}
@@ -265,14 +266,17 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: #EFF6FF;
- color: #3B82F6;
- border-radius: 6px;
+ background: #dee2e6;
+ color: #495057;
+ border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #ced4da;
+ color: #495057;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
@@ -296,14 +300,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #1D4ED8;
+ background: #EFF6FF;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: rgba(59, 130, 246, 0.24);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #3B82F6;
- background: #EFF6FF;
-}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1.25rem;
@@ -402,7 +413,7 @@
border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
- color: #3B82F6;
+ color: #1D4ED8;
background: #EFF6FF;
}
.p-datepicker table td > span:focus {
@@ -416,7 +427,7 @@
border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #3B82F6;
+ color: #1D4ED8;
background: #EFF6FF;
}
.p-datepicker .p-datepicker-buttonbar {
@@ -470,7 +481,7 @@
border-radius: 6px;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #3B82F6;
+ color: #1D4ED8;
background: #EFF6FF;
}
.p-datepicker .p-yearpicker {
@@ -482,7 +493,7 @@
border-radius: 6px;
}
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: #3B82F6;
+ color: #1D4ED8;
background: #EFF6FF;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
@@ -494,10 +505,10 @@
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
+ border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
- border-left: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: #e9ecef;
@@ -585,22 +596,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.75rem 1.25rem;
-}
-.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;
-}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #3B82F6;
+ color: #1D4ED8;
background: #EFF6FF;
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: rgba(59, 130, 246, 0.24);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.75rem 1.25rem;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@@ -637,11 +650,6 @@
border-color: #3B82F6;
background: #3B82F6;
}
-.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
- border-color: #3B82F6;
- background: #3B82F6;
- color: #ffffff;
-}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: #3B82F6;
}
@@ -652,8 +660,8 @@
border-color: #3B82F6;
}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- border-color: #3B82F6;
- background: #3B82F6;
+ border-color: #1D4ED8;
+ background: #1D4ED8;
color: #ffffff;
}
.p-checkbox.p-invalid > .p-checkbox-box {
@@ -670,27 +678,31 @@
background-color: #e9ecef;
}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
- background: #3B82F6;
+ background: #1D4ED8;
}
-.p-chips .p-chips-multiple-container {
- padding: 0.375rem 0.75rem;
-}
-.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #3B82F6;
}
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
border-color: #3B82F6;
}
+.p-chips .p-chips-multiple-container {
+ padding: 0.375rem 0.75rem;
+}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
- background: #EFF6FF;
- color: #3B82F6;
- border-radius: 6px;
+ background: #dee2e6;
+ color: #495057;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #ced4da;
+ color: #495057;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@@ -752,7 +764,7 @@
.p-dropdown .p-dropdown-label.p-placeholder {
color: #6c757d;
}
-.p-dropdown .p-dropdown-label:enabled:focus {
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
@@ -795,13 +807,6 @@
right: 0.75rem;
color: #6c757d;
}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
- padding-right: 3.5rem;
- margin-right: -3.5rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
- right: 2.5rem;
-}
.p-dropdown-panel .p-dropdown-items {
padding: 0.75rem 0;
}
@@ -815,9 +820,16 @@
border-radius: 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #3B82F6;
+ color: #1D4ED8;
background: #EFF6FF;
}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: rgba(59, 130, 246, 0.24);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
@@ -1057,9 +1069,9 @@
background: #ffffff;
}
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- background: #3B82F6;
+ background: #2563eb;
}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
+.p-inputswitch.p-invalid {
border-color: #e24c4c;
}
@@ -1101,13 +1113,11 @@
transition-duration: 0.2s;
}
-.p-float-label > label.p-error {
+.p-float-label > .p-invalid + label {
color: #e24c4c;
}
-.p-input-icon-left > i:first-of-type,
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: #6c757d;
}
@@ -1120,9 +1130,7 @@
left: 2.5rem;
}
-.p-input-icon-right > i:last-of-type,
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: #6c757d;
}
@@ -1172,6 +1180,7 @@
color: #495057;
border: 1px solid #ced4da;
border-radius: 6px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-listbox .p-listbox-header {
padding: 0.75rem 1.25rem;
@@ -1191,6 +1200,7 @@
}
.p-listbox .p-listbox-list {
padding: 0.75rem 0;
+ outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
@@ -1201,14 +1211,9 @@
border-radius: 0;
}
.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #3B82F6;
+ 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;
-}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 0.75rem 1.25rem;
@@ -1221,42 +1226,27 @@
color: #495057;
background: transparent;
}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: rgba(59, 130, 246, 0.24);
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #BFDBFE;
+ border-color: #3B82F6;
+}
.p-listbox.p-invalid {
border-color: #e24c4c;
}
-.p-mention-panel {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- border-radius: 6px;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-.p-mention-panel .p-mention-items {
- padding: 0.75rem 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item {
- margin: 0;
- padding: 0.75rem 1.25rem;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item:hover {
- color: #495057;
- background: #e9ecef;
-}
-.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
- color: #3B82F6;
- background: #EFF6FF;
-}
-
.p-multiselect {
background: #ffffff;
border: 1px solid #ced4da;
@@ -1272,9 +1262,6 @@
box-shadow: 0 0 0 0.2rem #BFDBFE;
border-color: #3B82F6;
}
-.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.75rem;
-}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1285,9 +1272,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
- background: #EFF6FF;
- color: #3B82F6;
- border-radius: 6px;
+ background: #dee2e6;
+ color: #495057;
+ border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
@@ -1299,10 +1286,6 @@
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
-.p-multiselect .p-multiselect-clear-icon {
- color: #6c757d;
- right: 3rem;
-}
.p-multiselect.p-invalid.p-component {
border-color: #e24c4c;
}
@@ -1310,12 +1293,6 @@
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.375rem 0.75rem;
}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
- padding: 0.75rem 0.75rem;
-}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.75rem;
-}
.p-multiselect-panel {
background: #ffffff;
@@ -1333,9 +1310,6 @@
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
- margin: 0 0.5rem;
-}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.75rem;
}
@@ -1343,7 +1317,11 @@
right: 0.75rem;
color: #6c757d;
}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: #6c757d;
@@ -1375,18 +1353,20 @@
border-radius: 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #3B82F6;
+ color: #1D4ED8;
background: #EFF6FF;
}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: rgba(59, 130, 246, 0.24);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
-.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;
-}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
@@ -1438,15 +1418,6 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #29c76f;
}
-.p-password-panel .p-password-info.weak {
- color: #ea5455;
-}
-.p-password-panel .p-password-info.medium {
- color: #ff9f42;
-}
-.p-password-panel .p-password-info.strong {
- color: #29c76f;
-}
.p-radiobutton {
width: 22px;
@@ -1481,8 +1452,8 @@
background: #3B82F6;
}
.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- border-color: #3B82F6;
- background: #3B82F6;
+ border-color: #1D4ED8;
+ background: #1D4ED8;
color: #ffffff;
}
.p-radiobutton.p-invalid > .p-radiobutton-box {
@@ -1502,7 +1473,7 @@
background: #3B82F6;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
- background: #3B82F6;
+ background: #1D4ED8;
}
.p-rating {
@@ -1516,10 +1487,11 @@
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #ea5455;
}
-.p-rating .p-rating-item:focus {
+.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
+ border-color: #3B82F6;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #3B82F6;
@@ -1560,8 +1532,8 @@
color: #ffffff;
}
.p-selectbutton .p-button.p-highlight:hover {
- background: #3B82F6;
- border-color: #3B82F6;
+ background: #2563eb;
+ border-color: #2563eb;
color: #ffffff;
}
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
@@ -1663,50 +1635,6 @@
border-radius: 6px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
-.p-treeselect-panel .p-treeselect-header {
- padding: 0.75rem 1.25rem;
- border-bottom: 1px solid #dee2e6;
- color: #343a40;
- background: #f8f9fa;
- margin: 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
- margin-right: 0.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
- padding-right: 1.75rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.75rem;
- color: #6c757d;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 3.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 2.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- 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: #343a40;
- border-color: transparent;
- background: #e9ecef;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #BFDBFE;
-}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
@@ -1736,6 +1664,12 @@
.p-togglebutton.p-button .p-button-icon-right {
color: #6c757d;
}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #BFDBFE;
+ border-color: #3B82F6;
+}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: #e9ecef;
border-color: #ced4da;
@@ -1755,8 +1689,8 @@
color: #ffffff;
}
.p-togglebutton.p-button.p-highlight:hover {
- background: #3B82F6;
- border-color: #3B82F6;
+ background: #2563eb;
+ border-color: #2563eb;
color: #ffffff;
}
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
@@ -1776,27 +1710,27 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 6px;
}
-.p-button:enabled:hover, .p-button:not(button):not(a):not(.p-disabled):hover {
- background: #3B82F6;
+.p-button:enabled:hover {
+ background: #2563eb;
color: #ffffff;
- border-color: #3B82F6;
+ border-color: #2563eb;
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
- background: #3B82F6;
+.p-button:enabled:active {
+ background: #1D4ED8;
color: #ffffff;
- border-color: #3B82F6;
+ border-color: #1D4ED8;
}
.p-button.p-button-outlined {
background-color: transparent;
color: #3B82F6;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined:enabled:hover {
background: rgba(59, 130, 246, 0.04);
color: #3B82F6;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined:enabled:active {
background: rgba(59, 130, 246, 0.16);
color: #3B82F6;
border: 1px solid;
@@ -1805,11 +1739,11 @@
color: #6c757d;
border-color: #6c757d;
}
-.p-button.p-button-outlined.p-button-plain:enabled:hover, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: #e9ecef;
color: #6c757d;
}
-.p-button.p-button-outlined.p-button-plain:enabled:active, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined.p-button-plain:enabled:active {
background: #dee2e6;
color: #6c757d;
}
@@ -1818,12 +1752,12 @@
color: #3B82F6;
border-color: transparent;
}
-.p-button.p-button-text:enabled:hover, .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text:enabled:hover {
background: rgba(59, 130, 246, 0.04);
color: #3B82F6;
border-color: transparent;
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active {
background: rgba(59, 130, 246, 0.16);
color: #3B82F6;
border-color: transparent;
@@ -1831,11 +1765,11 @@
.p-button.p-button-text.p-button-plain {
color: #6c757d;
}
-.p-button.p-button-text.p-button-plain:enabled:hover, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text.p-button-plain:enabled:hover {
background: #e9ecef;
color: #6c757d;
}
-.p-button.p-button-text.p-button-plain:enabled:active, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text.p-button-plain:enabled:active {
background: #dee2e6;
color: #6c757d;
}
@@ -1844,6 +1778,9 @@
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1896,20 +1833,11 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
+.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
- margin-right: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
- margin-top: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
- margin-bottom: 0.5rem;
-}
.p-button.p-button-loading-label-only .p-button-loading-icon {
- margin: 0;
+ margin-right: 0;
}
.p-fluid .p-button {
@@ -1925,324 +1853,388 @@
flex: 1;
}
-.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 {
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #64748B;
border: 1px solid #64748B;
}
-.p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary:enabled:hover, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #475569;
color: #ffffff;
border-color: #475569;
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #E2E8F0;
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #334155;
color: #ffffff;
border-color: #334155;
}
-.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #64748B;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(100, 116, 139, 0.04);
color: #64748B;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(100, 116, 139, 0.16);
color: #64748B;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #64748B;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-text:enabled:hover, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(100, 116, 139, 0.04);
border-color: transparent;
color: #64748B;
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(100, 116, 139, 0.16);
border-color: transparent;
color: #64748B;
}
-.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #3B82F6;
border: 1px solid #3B82F6;
}
-.p-button.p-button-info:enabled:hover, .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info:enabled:hover, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #2563EB;
color: #ffffff;
border-color: #2563EB;
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #1D4ED8;
color: #ffffff;
border-color: #1D4ED8;
}
-.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 {
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #3B82F6;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:hover, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(59, 130, 246, 0.04);
color: #3B82F6;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(59, 130, 246, 0.16);
color: #3B82F6;
border: 1px solid;
}
-.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #3B82F6;
border-color: transparent;
}
-.p-button.p-button-info.p-button-text:enabled:hover, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(59, 130, 246, 0.04);
border-color: transparent;
color: #3B82F6;
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(59, 130, 246, 0.16);
border-color: transparent;
color: #3B82F6;
}
-.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #22C55E;
border: 1px solid #22C55E;
}
-.p-button.p-button-success:enabled:hover, .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success:enabled:hover, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #16A34A;
color: #ffffff;
border-color: #16A34A;
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #BBF7D0;
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #15803D;
color: #ffffff;
border-color: #15803D;
}
-.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #22C55E;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:hover, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(34, 197, 94, 0.04);
color: #22C55E;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(34, 197, 94, 0.16);
color: #22C55E;
border: 1px solid;
}
-.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #22C55E;
border-color: transparent;
}
-.p-button.p-button-success.p-button-text:enabled:hover, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(34, 197, 94, 0.04);
border-color: transparent;
color: #22C55E;
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(34, 197, 94, 0.16);
border-color: transparent;
color: #22C55E;
}
-.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #ffffff;
background: #F59E0B;
border: 1px solid #F59E0B;
}
-.p-button.p-button-warning:enabled:hover, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning:enabled:hover, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #D97706;
color: #ffffff;
border-color: #D97706;
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #FDE68A;
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #B45309;
color: #ffffff;
border-color: #B45309;
}
-.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 {
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #F59E0B;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(245, 158, 11, 0.04);
color: #F59E0B;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(245, 158, 11, 0.16);
color: #F59E0B;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #F59E0B;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-text:enabled:hover, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(245, 158, 11, 0.04);
border-color: transparent;
color: #F59E0B;
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(245, 158, 11, 0.16);
border-color: transparent;
color: #F59E0B;
}
-.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #A855F7;
border: 1px solid #A855F7;
}
-.p-button.p-button-help:enabled:hover, .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help:enabled:hover, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #9333EA;
color: #ffffff;
border-color: #9333EA;
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #E9D5FF;
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #7E22CE;
color: #ffffff;
border-color: #7E22CE;
}
-.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #A855F7;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:hover, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(168, 85, 247, 0.04);
color: #A855F7;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(168, 85, 247, 0.16);
color: #A855F7;
border: 1px solid;
}
-.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #A855F7;
border-color: transparent;
}
-.p-button.p-button-help.p-button-text:enabled:hover, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(168, 85, 247, 0.04);
border-color: transparent;
color: #A855F7;
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(168, 85, 247, 0.16);
border-color: transparent;
color: #A855F7;
}
-.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #EF4444;
border: 1px solid #EF4444;
}
-.p-button.p-button-danger:enabled:hover, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger:enabled:hover, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #DC2626;
color: #ffffff;
border-color: #DC2626;
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #FECACA;
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #B91C1C;
color: #ffffff;
border-color: #B91C1C;
}
-.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #EF4444;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(239, 68, 68, 0.04);
color: #EF4444;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(239, 68, 68, 0.16);
color: #EF4444;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #EF4444;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-text:enabled:hover, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(239, 68, 68, 0.04);
border-color: transparent;
color: #EF4444;
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(239, 68, 68, 0.16);
border-color: transparent;
color: #EF4444;
}
.p-button.p-button-link {
- color: #3B82F6;
+ color: #1D4ED8;
background: transparent;
border: transparent;
}
-.p-button.p-button-link:enabled:hover, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-link:enabled:hover {
background: transparent;
- color: #3B82F6;
+ color: #1D4ED8;
border-color: transparent;
}
-.p-button.p-button-link:enabled:hover .p-button-label, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
+.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
-.p-button.p-button-link:enabled:focus, .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: 0 0 0 0.2rem #BFDBFE;
border-color: transparent;
}
-.p-button.p-button-link:enabled:active, .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-link:enabled:active {
background: transparent;
- color: #3B82F6;
+ color: #1D4ED8;
border-color: transparent;
}
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: #495057;
+ color: #fff;
+}
+.p-speeddial-action:hover {
+ background: #022354;
+ color: #fff;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
.p-splitbutton {
border-radius: 6px;
}
@@ -2495,70 +2487,6 @@
color: #EF4444;
}
-.p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
-}
-.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
-}
-
-.p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #495057;
- color: #fff;
-}
-.p-speeddial-action:hover {
- background: #022354;
- color: #fff;
-}
-
-.p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
-}
-
-.p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
-}
-
-.p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
-}
-
-.p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
-}
-
-.p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
-}
-.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
-}
-
-.p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
-}
-
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
@@ -2601,7 +2529,7 @@
}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #EFF6FF;
- color: #3B82F6;
+ color: #1D4ED8;
}
.p-datatable .p-paginator-top {
@@ -2656,30 +2584,30 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
- color: #3B82F6;
+ color: #1D4ED8;
background: #EFF6FF;
margin-left: 0.5rem;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: #e9ecef;
color: #343a40;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: #343a40;
}
.p-datatable .p-sortable-column.p-highlight {
background: #EFF6FF;
- color: #3B82F6;
+ color: #1D4ED8;
}
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #3B82F6;
+ color: #1D4ED8;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column.p-highlight:hover {
background: #EFF6FF;
- color: #3B82F6;
+ color: #1D4ED8;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
- color: #3B82F6;
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #1D4ED8;
}
.p-datatable .p-sortable-column:focus {
box-shadow: inset 0 0 0 0.15rem #BFDBFE;
@@ -2730,13 +2658,13 @@
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 700;
}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
- background: #EFF6FF;
- color: #3B82F6;
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid #BFDBFE;
+ outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: #EFF6FF;
- color: #3B82F6;
+ color: #1D4ED8;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 #EFF6FF;
@@ -2744,23 +2672,7 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
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: #e9ecef;
- color: #495057;
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
- 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 {
- background: #e9ecef;
- color: #495057;
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
- 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 {
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
}
@@ -2800,21 +2712,30 @@
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #fcfcfc;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #EFF6FF;
- color: #3B82F6;
+ color: #1D4ED8;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
- color: #3B82F6;
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #1D4ED8;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
- color: #3B82F6;
-}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
- background: #fcfcfc;
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #1D4ED8;
}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
@@ -2847,10 +2768,6 @@
padding: 1.25rem 1.25rem;
}
-.p-datatable-drag-selection-helper {
- background: rgba(59, 130, 246, 0.16);
-}
-
.p-dataview .p-paginator-top {
border-width: 0 0 1px 0;
border-radius: 0;
@@ -2887,46 +2804,6 @@
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
-.p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
-}
-
-.p-datascroller .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-datascroller-header {
- background: #f8f9fa;
- color: #343a40;
- border: 1px solid #dee2e6;
- border-width: 1px 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 700;
-}
-.p-datascroller .p-datascroller-content {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- padding: 0;
-}
-.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
- border: solid #dee2e6;
- border-width: 0 0 1px 0;
-}
-.p-datascroller .p-datascroller-footer {
- background: #f8f9fa;
- color: #343a40;
- border: 1px solid #dee2e6;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 700;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
-}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
@@ -2953,7 +2830,7 @@
}
.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: #3B82F6;
+ color: #1D4ED8;
}
.p-column-filter-menu-button:focus {
outline: 0 none;
@@ -3002,7 +2879,7 @@
border-radius: 0;
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #3B82F6;
+ 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 {
@@ -3071,8 +2948,8 @@
border-right: 1px solid #dee2e6;
}
.fc.fc-unthemed .fc-view-container .fc-event {
- background: #3B82F6;
- border: 1px solid #3B82F6;
+ background: #2563eb;
+ border: 1px solid #2563eb;
color: #ffffff;
}
.fc.fc-unthemed .fc-view-container .fc-divider {
@@ -3090,14 +2967,14 @@
align-items: center;
}
.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover {
- background: #3B82F6;
+ background: #2563eb;
color: #ffffff;
- border-color: #3B82F6;
+ border-color: #2563eb;
}
.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active {
- background: #3B82F6;
+ background: #1D4ED8;
color: #ffffff;
- border-color: #3B82F6;
+ border-color: #1D4ED8;
}
.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus {
outline: 0 none;
@@ -3142,8 +3019,8 @@
color: #ffffff;
}
.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #3B82F6;
- border-color: #3B82F6;
+ background: #2563eb;
+ border-color: #2563eb;
color: #ffffff;
}
.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
@@ -3226,15 +3103,15 @@
}
.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
color: #ffffff;
- background: #3B82F6;
- border-color: #3B82F6;
+ background: #2563eb;
+ border-color: #2563eb;
}
.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main {
color: #ffffff;
}
.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot {
- background: #3B82F6;
- border-color: #3B82F6;
+ background: #2563eb;
+ border-color: #2563eb;
}
.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
background: #e9ecef;
@@ -3252,14 +3129,14 @@
border-radius: 6px;
}
.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
- background: #3B82F6;
+ background: #2563eb;
color: #ffffff;
- border-color: #3B82F6;
+ border-color: #2563eb;
}
.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active {
- background: #3B82F6;
+ background: #1D4ED8;
color: #ffffff;
- border-color: #3B82F6;
+ border-color: #1D4ED8;
}
.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus {
outline: 0 none;
@@ -3310,8 +3187,8 @@
color: #ffffff;
}
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
- background: #3B82F6;
- border-color: #3B82F6;
+ background: #2563eb;
+ border-color: #2563eb;
color: #ffffff;
}
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus {
@@ -3332,7 +3209,7 @@
border-bottom-right-radius: 6px;
}
.fc.fc-theme-standard .fc-highlight {
- color: #3B82F6;
+ color: #1D4ED8;
background: #EFF6FF;
}
@@ -3352,19 +3229,6 @@
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
-.p-orderlist .p-orderlist-filter-container {
- padding: 1.25rem;
- background: #ffffff;
- border: 1px solid #dee2e6;
- border-bottom: 0 none;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.75rem;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.75rem;
- color: #6c757d;
-}
.p-orderlist .p-orderlist-list {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -3391,7 +3255,7 @@
box-shadow: inset 0 0 0 0.15rem #BFDBFE;
}
.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #3B82F6;
+ color: #1D4ED8;
background: #EFF6FF;
}
.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
@@ -3401,29 +3265,13 @@
background: #e9ecef;
}
-@media screen and (max-width: 769px) {
- .p-orderlist {
- flex-direction: column;
- }
- .p-orderlist .p-orderlist-controls {
- padding: 1.25rem;
- flex-direction: row;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-controls .p-button:last-child {
- margin-right: 0;
- }
-}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
background: #EFF6FF;
- color: #3B82F6;
+ color: #1D4ED8;
}
.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
color: #70aeff;
@@ -3495,6 +3343,7 @@
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
+ margin-right: 0.5rem;
height: 3rem;
}
.p-paginator .p-dropdown .p-dropdown-label {
@@ -3529,7 +3378,7 @@
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #EFF6FF;
border-color: #EFF6FF;
- color: #3B82F6;
+ color: #1D4ED8;
}
.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
background: #e9ecef;
@@ -3553,19 +3402,6 @@
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
-.p-picklist .p-picklist-filter-container {
- padding: 1.25rem;
- background: #ffffff;
- border: 1px solid #dee2e6;
- border-bottom: 0 none;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.75rem;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.75rem;
- color: #6c757d;
-}
.p-picklist .p-picklist-list {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -3592,38 +3428,41 @@
box-shadow: inset 0 0 0 0.15rem #BFDBFE;
}
.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #3B82F6;
+ color: #1D4ED8;
background: #EFF6FF;
}
-
-@media screen and (max-width: 769px) {
- .p-picklist {
- flex-direction: column;
- }
- .p-picklist .p-picklist-buttons {
- padding: 1.25rem;
- flex-direction: row;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-buttons .p-button:last-child {
- margin-right: 0;
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
- content: "\e930";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
- content: "\e92c";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
- content: "\e933";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
- content: "\e92f";
- }
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: #fcfcfc;
}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: #e9ecef;
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 2px solid #3B82F6;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #ffffff;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #dee2e6;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
.p-tree {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -3676,24 +3515,20 @@
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
background: #EFF6FF;
- color: #3B82F6;
+ 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: #3B82F6;
+ 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: #3B82F6;
+ color: #1D4ED8;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
}
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: #e9ecef;
- color: #495057;
-}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
@@ -3711,12 +3546,6 @@
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
-.p-tree .p-treenode-droppoint {
- height: 0.5rem;
-}
-.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
- background: #8cbeff;
-}
.p-treetable .p-paginator-top {
border-width: 0 0 1px 0;
@@ -3773,7 +3602,7 @@
height: 1.143rem;
min-width: 1.143rem;
line-height: 1.143rem;
- color: #3B82F6;
+ color: #1D4ED8;
background: #EFF6FF;
margin-left: 0.5rem;
}
@@ -3786,10 +3615,10 @@
}
.p-treetable .p-sortable-column.p-highlight {
background: #EFF6FF;
- color: #3B82F6;
+ color: #1D4ED8;
}
.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #3B82F6;
+ color: #1D4ED8;
}
.p-treetable .p-treetable-tbody > tr {
background: #ffffff;
@@ -3834,19 +3663,19 @@
}
.p-treetable .p-treetable-tbody > tr.p-highlight {
background: #EFF6FF;
- color: #3B82F6;
+ color: #1D4ED8;
}
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #3B82F6;
+ color: #1D4ED8;
}
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #3B82F6;
+ 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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: #495057;
}
.p-treetable .p-column-resizer-helper {
@@ -3911,31 +3740,6 @@
padding: 1.25rem 1.25rem;
}
-.p-timeline .p-timeline-event-marker {
- border: 2px solid #3B82F6;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #ffffff;
-}
-.p-timeline .p-timeline-event-connector {
- background-color: #dee2e6;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
-}
-
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1.25rem;
border: 1px solid #dee2e6;
@@ -3951,7 +3755,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #BFDBFE;
+ box-shadow: inset 0 0 0 0.2rem #BFDBFE;
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #e9ecef;
@@ -4043,6 +3847,9 @@
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: #343a40;
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: #e9ecef;
border-color: #dee2e6;
@@ -4126,6 +3933,17 @@
border-top: 0 none;
}
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #f8f9fa;
+ border: 0 none;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #BFDBFE;
+}
+
.p-splitter {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -4138,16 +3956,17 @@
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: #dee2e6;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-splitter .p-splitter-gutter-resizing {
background: #dee2e6;
}
-.p-scrollpanel .p-scrollpanel-bar {
- background: #f8f9fa;
- border: 0 none;
-}
-
.p-tabview .p-tabview-nav {
background: #ffffff;
border: 1px solid #dee2e6;
@@ -4184,9 +4003,6 @@
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;
@@ -4353,7 +4169,7 @@
right: -1rem;
}
.p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #3B82F6;
+ background: #2563eb;
color: #ffffff;
}
.p-overlaypanel:after {
@@ -4439,9 +4255,12 @@
border-bottom: 0 none;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
+ gap: 0.5rem;
}
-.p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #BFDBFE;
}
.p-fileupload .p-fileupload-content {
background: #ffffff;
@@ -4451,6 +4270,22 @@
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #dee2e6;
+ border-radius: 6px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
.p-fileupload .p-progressbar {
height: 0.25rem;
}
@@ -4461,35 +4296,46 @@
margin-top: 0;
}
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #2563eb;
+ color: #ffffff;
+ border-color: #2563eb;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #1D4ED8;
+ color: #ffffff;
+ border-color: #1D4ED8;
+}
+
.p-breadcrumb {
background: #ffffff;
border: 1px solid #dee2e6;
border-radius: 6px;
padding: 1rem;
}
-.p-breadcrumb ul li .p-menuitem-link {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: box-shadow 0.2s;
border-radius: 6px;
}
-.p-breadcrumb ul li .p-menuitem-link:focus {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: #495057;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: #6c757d;
}
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: #495057;
}
-.p-breadcrumb ul li:last-child .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: #495057;
}
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: #6c757d;
}
@@ -4502,39 +4348,8 @@
border-radius: 6px;
width: 12.5rem;
}
-.p-contextmenu .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
-}
-.p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
-}
-.p-contextmenu .p-menuitem-link:focus {
+.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #BFDBFE;
}
.p-contextmenu .p-submenu-list {
padding: 0.25rem 0;
@@ -4543,16 +4358,59 @@
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
border-radius: 6px;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+ color: #495057;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1.25rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #1D4ED8;
background: #EFF6FF;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #3B82F6;
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #1D4ED8;
}
-.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: #3B82F6;
+.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-menu-separator {
+.p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(59, 130, 246, 0.24);
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #495057;
+ background: #dee2e6;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.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: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-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
@@ -4560,78 +4418,71 @@
font-size: 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-action {
+.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-link {
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 {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
- .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list {
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
- .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container {
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
- .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
- .p-dock.p-dock-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 {
+ .p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
@@ -4643,98 +4494,68 @@
border: 1px solid #dee2e6;
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: #495057;
- border-radius: 6px;
transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ 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: #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 {
- color: #6c757d;
- margin-left: 0.5rem;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .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-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 #BFDBFE;
-}
-.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: #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: #3B82F6;
+.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: #3B82F6;
+.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: #3B82F6;
+.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: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- 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: #495057;
}
-.p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
+.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-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 #BFDBFE;
-}
.p-megamenu .p-megamenu-panel {
background: #ffffff;
color: #495057;
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: #343a40;
@@ -4743,27 +4564,48 @@
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 #dee2e6;
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: #3B82F6;
-}
-.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: #3B82F6;
-}
.p-megamenu.p-megamenu-vertical {
width: 12.5rem;
padding: 0.25rem 0;
}
+.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
+ color: #495057;
+ 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: #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-menu {
padding: 0.25rem 0;
@@ -4773,39 +4615,57 @@
border-radius: 6px;
width: 12.5rem;
}
-.p-menu .p-menuitem-link {
- padding: 0.75rem 1.25rem;
+.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 {
+ 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: #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 {
- background: #e9ecef;
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #1D4ED8;
+ background: #EFF6FF;
}
-.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: #1D4ED8;
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #1D4ED8;
+}
+.p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(59, 130, 246, 0.24);
+}
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #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-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d;
+.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-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #495057;
+ background: #e9ecef;
}
-.p-menu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #BFDBFE;
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #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;
@@ -4821,7 +4681,7 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
}
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
@@ -4833,90 +4693,90 @@
border: 1px solid #dee2e6;
border-radius: 6px;
}
-.p-menubar .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-menubar .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-menubar .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
-}
-.p-menubar .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .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 {
- color: #6c757d;
-}
-.p-menubar .p-menuitem-link:focus {
+.p-menubar .p-menubar-root-list {
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-menubar-root-list > .p-menuitem > .p-menuitem-content {
color: #495057;
- border-radius: 6px;
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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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: #6c757d;
}
-.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+.p-menubar .p-menuitem > .p-menuitem-content {
+ color: #495057;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1.25rem;
+ user-select: none;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #6c757d;
}
-.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-active > .p-menuitem-link,
-.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #1D4ED8;
background: #EFF6FF;
}
-.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: #3B82F6;
+.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-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: #3B82F6;
+.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-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: #3B82F6;
+.p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(59, 130, 246, 0.24);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #495057;
+ background: #dee2e6;
+}
+.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-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-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-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 {
padding: 0.25rem 0;
@@ -4925,22 +4785,13 @@
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 #dee2e6;
margin: 0.25rem 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
font-size: 0.875rem;
}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #EFF6FF;
-}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #3B82F6;
-}
-.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: #3B82F6;
-}
@media screen and (max-width: 960px) {
.p-menubar {
@@ -4972,56 +4823,22 @@
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
width: 100%;
}
- .p-menubar .p-menubar-root-list .p-menu-separator {
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
- .p-menubar .p-menubar-root-list > .p-menuitem {
+ .p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #495057;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .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 {
- color: #6c757d;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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: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 > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5034,26 +4851,26 @@
transition: transform 0.2s;
transform: rotate(90deg);
}
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 5.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 6.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 8.25rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5064,42 +4881,45 @@
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 #dee2e6;
color: #6c757d;
background: #f8f9fa;
- 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-action {
+ padding: 1.25rem;
+ font-weight: 700;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a:focus {
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .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: #e9ecef;
border-color: #dee2e6;
color: #343a40;
}
-.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: #343a40;
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: #343a40;
@@ -5115,124 +4935,75 @@
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: #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 {
+ 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: #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: #1D4ED8;
+ background: #EFF6FF;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #1D4ED8;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #1D4ED8;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(59, 130, 246, 0.24);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #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 .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+.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:not(.p-disabled):hover .p-menuitem-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-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
-}
-.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 .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: 4px;
}
-.p-slidemenu {
- padding: 0.25rem 0;
- background: #ffffff;
- color: #495057;
- border: 1px solid #dee2e6;
- border-radius: 6px;
- width: 12.5rem;
-}
-.p-slidemenu .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
-}
-.p-slidemenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
-}
-.p-slidemenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #BFDBFE;
-}
-.p-slidemenu.p-slidemenu-overlay {
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-.p-slidemenu .p-slidemenu-list {
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
- background: #EFF6FF;
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
- color: #3B82F6;
-}
-.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: #3B82F6;
-}
-.p-slidemenu .p-slidemenu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0;
-}
-.p-slidemenu .p-slidemenu-icon {
- font-size: 0.875rem;
-}
-.p-slidemenu .p-slidemenu-backward {
- padding: 0.75rem 1.25rem;
- color: #495057;
-}
-
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
@@ -5261,7 +5032,7 @@
}
.p-steps .p-steps-item.p-highlight .p-steps-number {
background: #EFF6FF;
- color: #3B82F6;
+ color: #1D4ED8;
}
.p-steps .p-steps-item.p-highlight .p-steps-title {
font-weight: 700;
@@ -5298,7 +5069,6 @@
border-top-left-radius: 6px;
transition: box-shadow 0.2s;
margin: 0 0 -2px 0;
- height: calc(100% + 2px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
@@ -5327,61 +5097,73 @@
border-radius: 6px;
width: 12.5rem;
}
-.p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
-}
-.p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
-}
-.p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #BFDBFE;
-}
.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.25rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+ color: #495057;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1.25rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #1D4ED8;
background: #EFF6FF;
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #3B82F6;
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #1D4ED8;
}
-.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: #3B82F6;
+.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-menu-separator {
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(59, 130, 246, 0.24);
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #495057;
+ background: #dee2e6;
+}
+.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-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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.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: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-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
@@ -5653,7 +5435,7 @@
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #EFF6FF;
- color: #3B82F6;
+ color: #1D4ED8;
}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
margin-right: 0.5rem;
@@ -5672,7 +5454,7 @@
}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #EFF6FF;
- color: #3B82F6;
+ color: #1D4ED8;
}
.p-galleria .p-galleria-thumbnail-container {
background: rgba(0, 0, 0, 0.9);
@@ -5693,9 +5475,6 @@
background: rgba(255, 255, 255, 0.1);
color: #f8f9fa;
}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- transition: box-shadow 0.2s;
-}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
@@ -5769,6 +5548,48 @@
border: 2px solid #ffffff;
}
+.p-badge {
+ background: #3B82F6;
+ color: #ffffff;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #64748B;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #22C55E;
+ color: #ffffff;
+}
+.p-badge.p-badge-info {
+ background-color: #3B82F6;
+ color: #ffffff;
+}
+.p-badge.p-badge-warning {
+ background-color: #F59E0B;
+ color: #ffffff;
+}
+.p-badge.p-badge-danger {
+ background-color: #EF4444;
+ color: #ffffff;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
.p-chip {
background-color: #dee2e6;
color: #495057;
@@ -5790,9 +5611,9 @@
margin-right: 0.5rem;
}
.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
border-radius: 6px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-left: 0.5rem;
}
.p-chip .p-chip-remove-icon:focus {
outline: 0 none;
@@ -5800,6 +5621,37 @@
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
+.p-inplace .p-inplace-display {
+ padding: 0.75rem 0.75rem;
+ border-radius: 6px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: #e9ecef;
+ color: #495057;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #BFDBFE;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 1.5rem;
+ background: #dee2e6;
+ border-radius: 6px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #3B82F6;
+}
+.p-progressbar .p-progressbar-label {
+ color: #ffffff;
+ line-height: 1.5rem;
+}
+
.p-scrolltop {
width: 3rem;
height: 3rem;
@@ -5855,37 +5707,6 @@
font-size: 0.75rem;
}
-.p-inplace .p-inplace-display {
- padding: 0.75rem 0.75rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: #e9ecef;
- color: #495057;
-}
-.p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #BFDBFE;
-}
-
-.p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #dee2e6;
- border-radius: 6px;
-}
-.p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #3B82F6;
-}
-.p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 1.5rem;
-}
-
.p-terminal {
background: #ffffff;
color: #495057;
@@ -5897,73 +5718,6 @@
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
-.p-badge {
- background: #3B82F6;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
-}
-.p-badge.p-badge-secondary {
- background-color: #64748B;
- color: #ffffff;
-}
-.p-badge.p-badge-success {
- background-color: #22C55E;
- color: #ffffff;
-}
-.p-badge.p-badge-info {
- background-color: #3B82F6;
- color: #ffffff;
-}
-.p-badge.p-badge-warning {
- background-color: #F59E0B;
- color: #ffffff;
-}
-.p-badge.p-badge-danger {
- background-color: #EF4444;
- color: #ffffff;
-}
-.p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
-}
-.p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
-}
-
-.p-tag {
- background: #3B82F6;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 6px;
-}
-.p-tag.p-tag-success {
- background-color: #22C55E;
- color: #ffffff;
-}
-.p-tag.p-tag-info {
- background-color: #3B82F6;
- color: #ffffff;
-}
-.p-tag.p-tag-warning {
- background-color: #F59E0B;
- color: #ffffff;
-}
-.p-tag.p-tag-danger {
- background-color: #EF4444;
- color: #ffffff;
-}
-
.p-button-label {
font-weight: 700;
}
@@ -5975,15 +5729,6 @@
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
-.p-tabview .p-tabview-nav .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 2px;
- background-color: #3B82F6;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
-}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #3B82F6;
diff --git a/public/themes/lara-light-indigo/theme.css b/public/themes/lara-light-indigo/theme.css
index de1a1de..86fe99b 100644
--- a/public/themes/lara-light-indigo/theme.css
+++ b/public/themes/lara-light-indigo/theme.css
@@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.75rem;
}
-.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.375rem 0.75rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #6366F1;
}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #C7D2FE;
border-color: #6366F1;
}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.375rem 0.75rem;
+ gap: 0.5rem;
+}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.375rem 0;
}
@@ -265,14 +266,17 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: #EEF2FF;
- color: #4338CA;
- border-radius: 6px;
+ background: #dee2e6;
+ color: #495057;
+ border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #ced4da;
+ color: #495057;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
@@ -296,14 +300,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: #495057;
- background: #e9ecef;
-}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #4338CA;
background: #EEF2FF;
}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: #E0E7FF;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #495057;
+ background: #e9ecef;
+}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1.25rem;
@@ -494,10 +505,10 @@
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
+ border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
- border-left: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: #e9ecef;
@@ -585,22 +596,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.75rem 1.25rem;
-}
-.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;
-}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #4338CA;
background: #EEF2FF;
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: #E0E7FF;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.75rem 1.25rem;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@@ -637,11 +650,6 @@
border-color: #6366F1;
background: #6366F1;
}
-.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
- border-color: #4338CA;
- background: #4338CA;
- color: #ffffff;
-}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: #6366F1;
}
@@ -673,24 +681,28 @@
background: #4338CA;
}
-.p-chips .p-chips-multiple-container {
- padding: 0.375rem 0.75rem;
-}
-.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #6366F1;
}
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #C7D2FE;
border-color: #6366F1;
}
+.p-chips .p-chips-multiple-container {
+ padding: 0.375rem 0.75rem;
+}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
- background: #EEF2FF;
- color: #4338CA;
- border-radius: 6px;
+ background: #dee2e6;
+ color: #495057;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #ced4da;
+ color: #495057;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@@ -752,7 +764,7 @@
.p-dropdown .p-dropdown-label.p-placeholder {
color: #6c757d;
}
-.p-dropdown .p-dropdown-label:enabled:focus {
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
@@ -795,13 +807,6 @@
right: 0.75rem;
color: #6c757d;
}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
- padding-right: 3.5rem;
- margin-right: -3.5rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
- right: 2.5rem;
-}
.p-dropdown-panel .p-dropdown-items {
padding: 0.75rem 0;
}
@@ -818,6 +823,13 @@
color: #4338CA;
background: #EEF2FF;
}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: #E0E7FF;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
@@ -1059,7 +1071,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #4F46E5;
}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
+.p-inputswitch.p-invalid {
border-color: #e24c4c;
}
@@ -1101,13 +1113,11 @@
transition-duration: 0.2s;
}
-.p-float-label > label.p-error {
+.p-float-label > .p-invalid + label {
color: #e24c4c;
}
-.p-input-icon-left > i:first-of-type,
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: #6c757d;
}
@@ -1120,9 +1130,7 @@
left: 2.5rem;
}
-.p-input-icon-right > i:last-of-type,
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: #6c757d;
}
@@ -1172,6 +1180,7 @@
color: #495057;
border: 1px solid #ced4da;
border-radius: 6px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-listbox .p-listbox-header {
padding: 0.75rem 1.25rem;
@@ -1191,6 +1200,7 @@
}
.p-listbox .p-listbox-list {
padding: 0.75rem 0;
+ outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
@@ -1204,11 +1214,6 @@
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;
-}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 0.75rem 1.25rem;
@@ -1221,42 +1226,27 @@
color: #495057;
background: transparent;
}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: #E0E7FF;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #C7D2FE;
+ border-color: #6366F1;
+}
.p-listbox.p-invalid {
border-color: #e24c4c;
}
-.p-mention-panel {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- border-radius: 6px;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-.p-mention-panel .p-mention-items {
- padding: 0.75rem 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item {
- margin: 0;
- padding: 0.75rem 1.25rem;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item:hover {
- color: #495057;
- background: #e9ecef;
-}
-.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
- color: #4338CA;
- background: #EEF2FF;
-}
-
.p-multiselect {
background: #ffffff;
border: 1px solid #ced4da;
@@ -1272,9 +1262,6 @@
box-shadow: 0 0 0 0.2rem #C7D2FE;
border-color: #6366F1;
}
-.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.75rem;
-}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1285,9 +1272,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
- background: #EEF2FF;
- color: #4338CA;
- border-radius: 6px;
+ background: #dee2e6;
+ color: #495057;
+ border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
@@ -1299,10 +1286,6 @@
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
-.p-multiselect .p-multiselect-clear-icon {
- color: #6c757d;
- right: 3rem;
-}
.p-multiselect.p-invalid.p-component {
border-color: #e24c4c;
}
@@ -1310,12 +1293,6 @@
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.375rem 0.75rem;
}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
- padding: 0.75rem 0.75rem;
-}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.75rem;
-}
.p-multiselect-panel {
background: #ffffff;
@@ -1333,9 +1310,6 @@
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
- margin: 0 0.5rem;
-}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.75rem;
}
@@ -1343,7 +1317,11 @@
right: 0.75rem;
color: #6c757d;
}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: #6c757d;
@@ -1378,15 +1356,17 @@
color: #4338CA;
background: #EEF2FF;
}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: #E0E7FF;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
-.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;
-}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
@@ -1438,15 +1418,6 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #29c76f;
}
-.p-password-panel .p-password-info.weak {
- color: #ea5455;
-}
-.p-password-panel .p-password-info.medium {
- color: #ff9f42;
-}
-.p-password-panel .p-password-info.strong {
- color: #29c76f;
-}
.p-radiobutton {
width: 22px;
@@ -1516,10 +1487,11 @@
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #ea5455;
}
-.p-rating .p-rating-item:focus {
+.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #C7D2FE;
+ border-color: #6366F1;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #6366F1;
@@ -1663,50 +1635,6 @@
border-radius: 6px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
-.p-treeselect-panel .p-treeselect-header {
- padding: 0.75rem 1.25rem;
- border-bottom: 1px solid #dee2e6;
- color: #343a40;
- background: #f8f9fa;
- margin: 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
- margin-right: 0.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
- padding-right: 1.75rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.75rem;
- color: #6c757d;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 3.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 2.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- 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: #343a40;
- border-color: transparent;
- background: #e9ecef;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #C7D2FE;
-}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
@@ -1736,6 +1664,12 @@
.p-togglebutton.p-button .p-button-icon-right {
color: #6c757d;
}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #C7D2FE;
+ border-color: #6366F1;
+}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: #e9ecef;
border-color: #ced4da;
@@ -1776,12 +1710,12 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 6px;
}
-.p-button:enabled:hover, .p-button:not(button):not(a):not(.p-disabled):hover {
+.p-button:enabled:hover {
background: #4F46E5;
color: #ffffff;
border-color: #4F46E5;
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: #4338CA;
color: #ffffff;
border-color: #4338CA;
@@ -1791,12 +1725,12 @@
color: #6366F1;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined:enabled:hover {
background: rgba(99, 102, 241, 0.04);
color: #6366F1;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined:enabled:active {
background: rgba(99, 102, 241, 0.16);
color: #6366F1;
border: 1px solid;
@@ -1805,11 +1739,11 @@
color: #6c757d;
border-color: #6c757d;
}
-.p-button.p-button-outlined.p-button-plain:enabled:hover, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: #e9ecef;
color: #6c757d;
}
-.p-button.p-button-outlined.p-button-plain:enabled:active, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined.p-button-plain:enabled:active {
background: #dee2e6;
color: #6c757d;
}
@@ -1818,12 +1752,12 @@
color: #6366F1;
border-color: transparent;
}
-.p-button.p-button-text:enabled:hover, .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text:enabled:hover {
background: rgba(99, 102, 241, 0.04);
color: #6366F1;
border-color: transparent;
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active {
background: rgba(99, 102, 241, 0.16);
color: #6366F1;
border-color: transparent;
@@ -1831,11 +1765,11 @@
.p-button.p-button-text.p-button-plain {
color: #6c757d;
}
-.p-button.p-button-text.p-button-plain:enabled:hover, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text.p-button-plain:enabled:hover {
background: #e9ecef;
color: #6c757d;
}
-.p-button.p-button-text.p-button-plain:enabled:active, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text.p-button-plain:enabled:active {
background: #dee2e6;
color: #6c757d;
}
@@ -1844,6 +1778,9 @@
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #C7D2FE;
}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1896,20 +1833,11 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
+.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
- margin-right: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
- margin-top: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
- margin-bottom: 0.5rem;
-}
.p-button.p-button-loading-label-only .p-button-loading-icon {
- margin: 0;
+ margin-right: 0;
}
.p-fluid .p-button {
@@ -1925,295 +1853,295 @@
flex: 1;
}
-.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 {
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #64748B;
border: 1px solid #64748B;
}
-.p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary:enabled:hover, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #475569;
color: #ffffff;
border-color: #475569;
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #E2E8F0;
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #334155;
color: #ffffff;
border-color: #334155;
}
-.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #64748B;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(100, 116, 139, 0.04);
color: #64748B;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(100, 116, 139, 0.16);
color: #64748B;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #64748B;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-text:enabled:hover, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(100, 116, 139, 0.04);
border-color: transparent;
color: #64748B;
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(100, 116, 139, 0.16);
border-color: transparent;
color: #64748B;
}
-.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #3B82F6;
border: 1px solid #3B82F6;
}
-.p-button.p-button-info:enabled:hover, .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info:enabled:hover, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #2563EB;
color: #ffffff;
border-color: #2563EB;
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #1D4ED8;
color: #ffffff;
border-color: #1D4ED8;
}
-.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 {
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #3B82F6;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:hover, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(59, 130, 246, 0.04);
color: #3B82F6;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(59, 130, 246, 0.16);
color: #3B82F6;
border: 1px solid;
}
-.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #3B82F6;
border-color: transparent;
}
-.p-button.p-button-info.p-button-text:enabled:hover, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(59, 130, 246, 0.04);
border-color: transparent;
color: #3B82F6;
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(59, 130, 246, 0.16);
border-color: transparent;
color: #3B82F6;
}
-.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #22C55E;
border: 1px solid #22C55E;
}
-.p-button.p-button-success:enabled:hover, .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success:enabled:hover, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #16A34A;
color: #ffffff;
border-color: #16A34A;
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #BBF7D0;
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #15803D;
color: #ffffff;
border-color: #15803D;
}
-.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #22C55E;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:hover, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(34, 197, 94, 0.04);
color: #22C55E;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(34, 197, 94, 0.16);
color: #22C55E;
border: 1px solid;
}
-.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #22C55E;
border-color: transparent;
}
-.p-button.p-button-success.p-button-text:enabled:hover, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(34, 197, 94, 0.04);
border-color: transparent;
color: #22C55E;
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(34, 197, 94, 0.16);
border-color: transparent;
color: #22C55E;
}
-.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #ffffff;
background: #F59E0B;
border: 1px solid #F59E0B;
}
-.p-button.p-button-warning:enabled:hover, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning:enabled:hover, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #D97706;
color: #ffffff;
border-color: #D97706;
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #FDE68A;
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #B45309;
color: #ffffff;
border-color: #B45309;
}
-.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 {
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #F59E0B;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(245, 158, 11, 0.04);
color: #F59E0B;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(245, 158, 11, 0.16);
color: #F59E0B;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #F59E0B;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-text:enabled:hover, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(245, 158, 11, 0.04);
border-color: transparent;
color: #F59E0B;
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(245, 158, 11, 0.16);
border-color: transparent;
color: #F59E0B;
}
-.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #A855F7;
border: 1px solid #A855F7;
}
-.p-button.p-button-help:enabled:hover, .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help:enabled:hover, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #9333EA;
color: #ffffff;
border-color: #9333EA;
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #E9D5FF;
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #7E22CE;
color: #ffffff;
border-color: #7E22CE;
}
-.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #A855F7;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:hover, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(168, 85, 247, 0.04);
color: #A855F7;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(168, 85, 247, 0.16);
color: #A855F7;
border: 1px solid;
}
-.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #A855F7;
border-color: transparent;
}
-.p-button.p-button-help.p-button-text:enabled:hover, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(168, 85, 247, 0.04);
border-color: transparent;
color: #A855F7;
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(168, 85, 247, 0.16);
border-color: transparent;
color: #A855F7;
}
-.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #EF4444;
border: 1px solid #EF4444;
}
-.p-button.p-button-danger:enabled:hover, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger:enabled:hover, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #DC2626;
color: #ffffff;
border-color: #DC2626;
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #FECACA;
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #B91C1C;
color: #ffffff;
border-color: #B91C1C;
}
-.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #EF4444;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(239, 68, 68, 0.04);
color: #EF4444;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(239, 68, 68, 0.16);
color: #EF4444;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #EF4444;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-text:enabled:hover, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(239, 68, 68, 0.04);
border-color: transparent;
color: #EF4444;
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(239, 68, 68, 0.16);
border-color: transparent;
color: #EF4444;
@@ -2224,25 +2152,89 @@
background: transparent;
border: transparent;
}
-.p-button.p-button-link:enabled:hover, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-link:enabled:hover {
background: transparent;
color: #4338CA;
border-color: transparent;
}
-.p-button.p-button-link:enabled:hover .p-button-label, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
+.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
-.p-button.p-button-link:enabled:focus, .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: 0 0 0 0.2rem #C7D2FE;
border-color: transparent;
}
-.p-button.p-button-link:enabled:active, .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-link:enabled:active {
background: transparent;
color: #4338CA;
border-color: transparent;
}
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: #495057;
+ color: #fff;
+}
+.p-speeddial-action:hover {
+ background: #022354;
+ color: #fff;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
.p-splitbutton {
border-radius: 6px;
}
@@ -2495,70 +2487,6 @@
color: #EF4444;
}
-.p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
-}
-.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
-}
-
-.p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #495057;
- color: #fff;
-}
-.p-speeddial-action:hover {
- background: #022354;
- color: #fff;
-}
-
-.p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
-}
-
-.p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
-}
-
-.p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
-}
-
-.p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
-}
-
-.p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
-}
-.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
-}
-
-.p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
-}
-
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
@@ -2660,11 +2588,11 @@
background: #EEF2FF;
margin-left: 0.5rem;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: #e9ecef;
color: #343a40;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: #343a40;
}
.p-datatable .p-sortable-column.p-highlight {
@@ -2674,11 +2602,11 @@
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: #4338CA;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column.p-highlight:hover {
background: #EEF2FF;
color: #4338CA;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
color: #4338CA;
}
.p-datatable .p-sortable-column:focus {
@@ -2730,9 +2658,9 @@
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 700;
}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
- background: #EEF2FF;
- color: #4338CA;
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid #C7D2FE;
+ outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: #EEF2FF;
@@ -2744,23 +2672,7 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
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: #e9ecef;
- color: #495057;
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
- 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 {
- background: #e9ecef;
- color: #495057;
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
- 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 {
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
}
@@ -2800,22 +2712,31 @@
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #fcfcfc;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #EEF2FF;
color: #4338CA;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #4338CA;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #4338CA;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
- background: #fcfcfc;
-}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
@@ -2847,10 +2768,6 @@
padding: 1.25rem 1.25rem;
}
-.p-datatable-drag-selection-helper {
- background: rgba(99, 102, 241, 0.16);
-}
-
.p-dataview .p-paginator-top {
border-width: 0 0 1px 0;
border-radius: 0;
@@ -2887,46 +2804,6 @@
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
-.p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
-}
-
-.p-datascroller .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-datascroller-header {
- background: #f8f9fa;
- color: #343a40;
- border: 1px solid #dee2e6;
- border-width: 1px 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 700;
-}
-.p-datascroller .p-datascroller-content {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- padding: 0;
-}
-.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
- border: solid #dee2e6;
- border-width: 0 0 1px 0;
-}
-.p-datascroller .p-datascroller-footer {
- background: #f8f9fa;
- color: #343a40;
- border: 1px solid #dee2e6;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 700;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
-}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
@@ -3352,19 +3229,6 @@
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
-.p-orderlist .p-orderlist-filter-container {
- padding: 1.25rem;
- background: #ffffff;
- border: 1px solid #dee2e6;
- border-bottom: 0 none;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.75rem;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.75rem;
- color: #6c757d;
-}
.p-orderlist .p-orderlist-list {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -3401,22 +3265,6 @@
background: #e9ecef;
}
-@media screen and (max-width: 769px) {
- .p-orderlist {
- flex-direction: column;
- }
- .p-orderlist .p-orderlist-controls {
- padding: 1.25rem;
- flex-direction: row;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-controls .p-button:last-child {
- margin-right: 0;
- }
-}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
@@ -3495,6 +3343,7 @@
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
+ margin-right: 0.5rem;
height: 3rem;
}
.p-paginator .p-dropdown .p-dropdown-label {
@@ -3553,19 +3402,6 @@
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
-.p-picklist .p-picklist-filter-container {
- padding: 1.25rem;
- background: #ffffff;
- border: 1px solid #dee2e6;
- border-bottom: 0 none;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.75rem;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.75rem;
- color: #6c757d;
-}
.p-picklist .p-picklist-list {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -3595,35 +3431,38 @@
color: #4338CA;
background: #EEF2FF;
}
-
-@media screen and (max-width: 769px) {
- .p-picklist {
- flex-direction: column;
- }
- .p-picklist .p-picklist-buttons {
- padding: 1.25rem;
- flex-direction: row;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-buttons .p-button:last-child {
- margin-right: 0;
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
- content: "\e930";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
- content: "\e92c";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
- content: "\e933";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
- content: "\e92f";
- }
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: #fcfcfc;
}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: #e9ecef;
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 2px solid #6366F1;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #ffffff;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #dee2e6;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
.p-tree {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -3690,10 +3529,6 @@
background: #e9ecef;
color: #495057;
}
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: #e9ecef;
- color: #495057;
-}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
@@ -3711,12 +3546,6 @@
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
-.p-tree .p-treenode-droppoint {
- height: 0.5rem;
-}
-.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
- background: #8ba7ff;
-}
.p-treetable .p-paginator-top {
border-width: 0 0 1px 0;
@@ -3842,11 +3671,11 @@
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: #495057;
}
.p-treetable .p-column-resizer-helper {
@@ -3911,31 +3740,6 @@
padding: 1.25rem 1.25rem;
}
-.p-timeline .p-timeline-event-marker {
- border: 2px solid #6366F1;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #ffffff;
-}
-.p-timeline .p-timeline-event-connector {
- background-color: #dee2e6;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
-}
-
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1.25rem;
border: 1px solid #dee2e6;
@@ -3951,7 +3755,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #C7D2FE;
+ box-shadow: inset 0 0 0 0.2rem #C7D2FE;
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #e9ecef;
@@ -4043,6 +3847,9 @@
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #C7D2FE;
}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: #343a40;
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: #e9ecef;
border-color: #dee2e6;
@@ -4126,6 +3933,17 @@
border-top: 0 none;
}
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #f8f9fa;
+ border: 0 none;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #C7D2FE;
+}
+
.p-splitter {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -4138,16 +3956,17 @@
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: #dee2e6;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #C7D2FE;
}
.p-splitter .p-splitter-gutter-resizing {
background: #dee2e6;
}
-.p-scrollpanel .p-scrollpanel-bar {
- background: #f8f9fa;
- border: 0 none;
-}
-
.p-tabview .p-tabview-nav {
background: #ffffff;
border: 1px solid #dee2e6;
@@ -4184,9 +4003,6 @@
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;
@@ -4439,9 +4255,12 @@
border-bottom: 0 none;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
+ gap: 0.5rem;
}
-.p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #C7D2FE;
}
.p-fileupload .p-fileupload-content {
background: #ffffff;
@@ -4451,6 +4270,22 @@
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #dee2e6;
+ border-radius: 6px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
.p-fileupload .p-progressbar {
height: 0.25rem;
}
@@ -4461,35 +4296,46 @@
margin-top: 0;
}
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #4F46E5;
+ color: #ffffff;
+ border-color: #4F46E5;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #4338CA;
+ color: #ffffff;
+ border-color: #4338CA;
+}
+
.p-breadcrumb {
background: #ffffff;
border: 1px solid #dee2e6;
border-radius: 6px;
padding: 1rem;
}
-.p-breadcrumb ul li .p-menuitem-link {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: box-shadow 0.2s;
border-radius: 6px;
}
-.p-breadcrumb ul li .p-menuitem-link:focus {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #C7D2FE;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: #495057;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: #6c757d;
}
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: #495057;
}
-.p-breadcrumb ul li:last-child .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: #495057;
}
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: #6c757d;
}
@@ -4502,39 +4348,8 @@
border-radius: 6px;
width: 12.5rem;
}
-.p-contextmenu .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
-}
-.p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
-}
-.p-contextmenu .p-menuitem-link:focus {
+.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #C7D2FE;
}
.p-contextmenu .p-submenu-list {
padding: 0.25rem 0;
@@ -4543,16 +4358,59 @@
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
border-radius: 6px;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+ color: #495057;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1.25rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #4338CA;
background: #EEF2FF;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4338CA;
}
-.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.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-menu-separator {
+.p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #E0E7FF;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #495057;
+ background: #dee2e6;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.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: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-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
@@ -4560,78 +4418,71 @@
font-size: 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-action {
+.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-link {
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 {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
- .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list {
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
- .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container {
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
- .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
- .p-dock.p-dock-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 {
+ .p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
@@ -4643,98 +4494,68 @@
border: 1px solid #dee2e6;
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: #495057;
- border-radius: 6px;
transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ 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: #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 {
- color: #6c757d;
- margin-left: 0.5rem;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .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-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 #C7D2FE;
-}
-.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: #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 {
+.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 {
+.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: #E0E7FF;
}
-.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: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- 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: #495057;
}
-.p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
+.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-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 #C7D2FE;
-}
.p-megamenu .p-megamenu-panel {
background: #ffffff;
color: #495057;
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: #343a40;
@@ -4743,27 +4564,48 @@
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 #dee2e6;
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.25rem 0;
}
+.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
+ color: #495057;
+ 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: #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-menu {
padding: 0.25rem 0;
@@ -4773,39 +4615,57 @@
border-radius: 6px;
width: 12.5rem;
}
-.p-menu .p-menuitem-link {
- padding: 0.75rem 1.25rem;
+.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 {
+ 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: #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 {
- background: #e9ecef;
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #4338CA;
+ background: #EEF2FF;
}
-.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: #4338CA;
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #4338CA;
+}
+.p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #E0E7FF;
+}
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #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-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d;
+.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-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #495057;
+ background: #e9ecef;
}
-.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 .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;
@@ -4821,7 +4681,7 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
}
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
@@ -4833,90 +4693,90 @@
border: 1px solid #dee2e6;
border-radius: 6px;
}
-.p-menubar .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-menubar .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-menubar .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
-}
-.p-menubar .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .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 {
- color: #6c757d;
-}
-.p-menubar .p-menuitem-link:focus {
+.p-menubar .p-menubar-root-list {
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-menubar-root-list > .p-menuitem > .p-menuitem-content {
color: #495057;
- border-radius: 6px;
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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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: #6c757d;
}
-.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+.p-menubar .p-menuitem > .p-menuitem-content {
+ color: #495057;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1.25rem;
+ user-select: none;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #6c757d;
}
-.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-active > .p-menuitem-link,
-.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #4338CA;
background: #EEF2FF;
}
-.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.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4338CA;
}
-.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.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-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.p-highlight.p-focus > .p-menuitem-content {
+ background: #E0E7FF;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #495057;
+ background: #dee2e6;
+}
+.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-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-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-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 {
padding: 0.25rem 0;
@@ -4925,22 +4785,13 @@
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 #dee2e6;
margin: 0.25rem 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
font-size: 0.875rem;
}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #EEF2FF;
-}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #4338CA;
-}
-.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;
-}
@media screen and (max-width: 960px) {
.p-menubar {
@@ -4972,56 +4823,22 @@
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
width: 100%;
}
- .p-menubar .p-menubar-root-list .p-menu-separator {
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
- .p-menubar .p-menubar-root-list > .p-menuitem {
+ .p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #495057;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .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 {
- color: #6c757d;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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: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 > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5034,26 +4851,26 @@
transition: transform 0.2s;
transform: rotate(90deg);
}
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 5.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 6.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 8.25rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5064,42 +4881,45 @@
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 #dee2e6;
color: #6c757d;
background: #f8f9fa;
- 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-action {
+ padding: 1.25rem;
+ font-weight: 700;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a:focus {
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .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: #e9ecef;
border-color: #dee2e6;
color: #343a40;
}
-.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: #343a40;
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: #343a40;
@@ -5115,124 +4935,75 @@
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: #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 {
+ 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: #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: #4338CA;
+ background: #EEF2FF;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #4338CA;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #4338CA;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #E0E7FF;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #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 .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+.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:not(.p-disabled):hover .p-menuitem-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-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
-}
-.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 .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: 4px;
}
-.p-slidemenu {
- padding: 0.25rem 0;
- background: #ffffff;
- color: #495057;
- border: 1px solid #dee2e6;
- border-radius: 6px;
- width: 12.5rem;
-}
-.p-slidemenu .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
-}
-.p-slidemenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
-}
-.p-slidemenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #C7D2FE;
-}
-.p-slidemenu.p-slidemenu-overlay {
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-.p-slidemenu .p-slidemenu-list {
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
- background: #EEF2FF;
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
- 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;
-}
-.p-slidemenu .p-slidemenu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0;
-}
-.p-slidemenu .p-slidemenu-icon {
- font-size: 0.875rem;
-}
-.p-slidemenu .p-slidemenu-backward {
- padding: 0.75rem 1.25rem;
- color: #495057;
-}
-
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
@@ -5298,7 +5069,6 @@
border-top-left-radius: 6px;
transition: box-shadow 0.2s;
margin: 0 0 -2px 0;
- height: calc(100% + 2px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
@@ -5327,61 +5097,73 @@
border-radius: 6px;
width: 12.5rem;
}
-.p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
-}
-.p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
-}
-.p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #C7D2FE;
-}
.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.25rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+ color: #495057;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1.25rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #4338CA;
background: #EEF2FF;
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4338CA;
}
-.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.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-menu-separator {
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #E0E7FF;
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #495057;
+ background: #dee2e6;
+}
+.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-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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.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: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-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
@@ -5693,9 +5475,6 @@
background: rgba(255, 255, 255, 0.1);
color: #f8f9fa;
}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- transition: box-shadow 0.2s;
-}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
@@ -5769,6 +5548,48 @@
border: 2px solid #ffffff;
}
+.p-badge {
+ background: #6366F1;
+ color: #ffffff;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #64748B;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #22C55E;
+ color: #ffffff;
+}
+.p-badge.p-badge-info {
+ background-color: #3B82F6;
+ color: #ffffff;
+}
+.p-badge.p-badge-warning {
+ background-color: #F59E0B;
+ color: #ffffff;
+}
+.p-badge.p-badge-danger {
+ background-color: #EF4444;
+ color: #ffffff;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
.p-chip {
background-color: #dee2e6;
color: #495057;
@@ -5790,9 +5611,9 @@
margin-right: 0.5rem;
}
.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
border-radius: 6px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-left: 0.5rem;
}
.p-chip .p-chip-remove-icon:focus {
outline: 0 none;
@@ -5800,6 +5621,37 @@
box-shadow: 0 0 0 0.2rem #C7D2FE;
}
+.p-inplace .p-inplace-display {
+ padding: 0.75rem 0.75rem;
+ border-radius: 6px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: #e9ecef;
+ color: #495057;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #C7D2FE;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 1.5rem;
+ background: #dee2e6;
+ border-radius: 6px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #6366F1;
+}
+.p-progressbar .p-progressbar-label {
+ color: #ffffff;
+ line-height: 1.5rem;
+}
+
.p-scrolltop {
width: 3rem;
height: 3rem;
@@ -5855,37 +5707,6 @@
font-size: 0.75rem;
}
-.p-inplace .p-inplace-display {
- padding: 0.75rem 0.75rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: #e9ecef;
- color: #495057;
-}
-.p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #C7D2FE;
-}
-
-.p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #dee2e6;
- border-radius: 6px;
-}
-.p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #6366F1;
-}
-.p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 1.5rem;
-}
-
.p-terminal {
background: #ffffff;
color: #495057;
@@ -5897,73 +5718,6 @@
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
-.p-badge {
- background: #6366F1;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
-}
-.p-badge.p-badge-secondary {
- background-color: #64748B;
- color: #ffffff;
-}
-.p-badge.p-badge-success {
- background-color: #22C55E;
- color: #ffffff;
-}
-.p-badge.p-badge-info {
- background-color: #3B82F6;
- color: #ffffff;
-}
-.p-badge.p-badge-warning {
- background-color: #F59E0B;
- color: #ffffff;
-}
-.p-badge.p-badge-danger {
- background-color: #EF4444;
- color: #ffffff;
-}
-.p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
-}
-.p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
-}
-
-.p-tag {
- background: #6366F1;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 6px;
-}
-.p-tag.p-tag-success {
- background-color: #22C55E;
- color: #ffffff;
-}
-.p-tag.p-tag-info {
- background-color: #3B82F6;
- color: #ffffff;
-}
-.p-tag.p-tag-warning {
- background-color: #F59E0B;
- color: #ffffff;
-}
-.p-tag.p-tag-danger {
- background-color: #EF4444;
- color: #ffffff;
-}
-
.p-button-label {
font-weight: 700;
}
@@ -5975,15 +5729,6 @@
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
-.p-tabview .p-tabview-nav .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 2px;
- background-color: #6366F1;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
-}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #6366F1;
diff --git a/public/themes/lara-light-purple/theme.css b/public/themes/lara-light-purple/theme.css
index 3f37663..cfef9e3 100644
--- a/public/themes/lara-light-purple/theme.css
+++ b/public/themes/lara-light-purple/theme.css
@@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.75rem;
}
-.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.375rem 0.75rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #8B5CF6;
}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #DDD6FE;
border-color: #8B5CF6;
}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.375rem 0.75rem;
+ gap: 0.5rem;
+}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.375rem 0;
}
@@ -265,14 +266,17 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: #F5F3FF;
- color: #6D28D9;
- border-radius: 6px;
+ background: #dee2e6;
+ color: #495057;
+ border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #ced4da;
+ color: #495057;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
@@ -296,14 +300,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: #495057;
- background: #e9ecef;
-}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #6D28D9;
background: #F5F3FF;
}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: rgba(139, 92, 246, 0.24);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #495057;
+ background: #e9ecef;
+}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1.25rem;
@@ -494,10 +505,10 @@
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
+ border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
- border-left: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: #e9ecef;
@@ -585,22 +596,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.75rem 1.25rem;
-}
-.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;
-}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #6D28D9;
background: #F5F3FF;
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: rgba(139, 92, 246, 0.24);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.75rem 1.25rem;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@@ -637,11 +650,6 @@
border-color: #8B5CF6;
background: #8B5CF6;
}
-.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
- border-color: #6D28D9;
- background: #6D28D9;
- color: #ffffff;
-}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: #8B5CF6;
}
@@ -673,24 +681,28 @@
background: #6D28D9;
}
-.p-chips .p-chips-multiple-container {
- padding: 0.375rem 0.75rem;
-}
-.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #8B5CF6;
}
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #DDD6FE;
border-color: #8B5CF6;
}
+.p-chips .p-chips-multiple-container {
+ padding: 0.375rem 0.75rem;
+}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
- background: #F5F3FF;
- color: #6D28D9;
- border-radius: 6px;
+ background: #dee2e6;
+ color: #495057;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #ced4da;
+ color: #495057;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@@ -752,7 +764,7 @@
.p-dropdown .p-dropdown-label.p-placeholder {
color: #6c757d;
}
-.p-dropdown .p-dropdown-label:enabled:focus {
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
@@ -795,13 +807,6 @@
right: 0.75rem;
color: #6c757d;
}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
- padding-right: 3.5rem;
- margin-right: -3.5rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
- right: 2.5rem;
-}
.p-dropdown-panel .p-dropdown-items {
padding: 0.75rem 0;
}
@@ -818,6 +823,13 @@
color: #6D28D9;
background: #F5F3FF;
}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: rgba(139, 92, 246, 0.24);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
@@ -1059,7 +1071,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #7C3AED;
}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
+.p-inputswitch.p-invalid {
border-color: #e24c4c;
}
@@ -1101,13 +1113,11 @@
transition-duration: 0.2s;
}
-.p-float-label > label.p-error {
+.p-float-label > .p-invalid + label {
color: #e24c4c;
}
-.p-input-icon-left > i:first-of-type,
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: #6c757d;
}
@@ -1120,9 +1130,7 @@
left: 2.5rem;
}
-.p-input-icon-right > i:last-of-type,
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: #6c757d;
}
@@ -1172,6 +1180,7 @@
color: #495057;
border: 1px solid #ced4da;
border-radius: 6px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-listbox .p-listbox-header {
padding: 0.75rem 1.25rem;
@@ -1191,6 +1200,7 @@
}
.p-listbox .p-listbox-list {
padding: 0.75rem 0;
+ outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
@@ -1204,11 +1214,6 @@
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;
-}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 0.75rem 1.25rem;
@@ -1221,42 +1226,27 @@
color: #495057;
background: transparent;
}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: rgba(139, 92, 246, 0.24);
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #DDD6FE;
+ border-color: #8B5CF6;
+}
.p-listbox.p-invalid {
border-color: #e24c4c;
}
-.p-mention-panel {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- border-radius: 6px;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-.p-mention-panel .p-mention-items {
- padding: 0.75rem 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item {
- margin: 0;
- padding: 0.75rem 1.25rem;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item:hover {
- color: #495057;
- background: #e9ecef;
-}
-.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
- color: #6D28D9;
- background: #F5F3FF;
-}
-
.p-multiselect {
background: #ffffff;
border: 1px solid #ced4da;
@@ -1272,9 +1262,6 @@
box-shadow: 0 0 0 0.2rem #DDD6FE;
border-color: #8B5CF6;
}
-.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.75rem;
-}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1285,9 +1272,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
- background: #F5F3FF;
- color: #6D28D9;
- border-radius: 6px;
+ background: #dee2e6;
+ color: #495057;
+ border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
@@ -1299,10 +1286,6 @@
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
-.p-multiselect .p-multiselect-clear-icon {
- color: #6c757d;
- right: 3rem;
-}
.p-multiselect.p-invalid.p-component {
border-color: #e24c4c;
}
@@ -1310,12 +1293,6 @@
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.375rem 0.75rem;
}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
- padding: 0.75rem 0.75rem;
-}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.75rem;
-}
.p-multiselect-panel {
background: #ffffff;
@@ -1333,9 +1310,6 @@
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
- margin: 0 0.5rem;
-}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.75rem;
}
@@ -1343,7 +1317,11 @@
right: 0.75rem;
color: #6c757d;
}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: #6c757d;
@@ -1378,15 +1356,17 @@
color: #6D28D9;
background: #F5F3FF;
}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: rgba(139, 92, 246, 0.24);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
-.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;
-}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
@@ -1438,15 +1418,6 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #29c76f;
}
-.p-password-panel .p-password-info.weak {
- color: #ea5455;
-}
-.p-password-panel .p-password-info.medium {
- color: #ff9f42;
-}
-.p-password-panel .p-password-info.strong {
- color: #29c76f;
-}
.p-radiobutton {
width: 22px;
@@ -1516,10 +1487,11 @@
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #ea5455;
}
-.p-rating .p-rating-item:focus {
+.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #DDD6FE;
+ border-color: #8B5CF6;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #8B5CF6;
@@ -1663,50 +1635,6 @@
border-radius: 6px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
-.p-treeselect-panel .p-treeselect-header {
- padding: 0.75rem 1.25rem;
- border-bottom: 1px solid #dee2e6;
- color: #343a40;
- background: #f8f9fa;
- margin: 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
- margin-right: 0.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
- padding-right: 1.75rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.75rem;
- color: #6c757d;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 3.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 2.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- 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: #343a40;
- border-color: transparent;
- background: #e9ecef;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #DDD6FE;
-}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
@@ -1736,6 +1664,12 @@
.p-togglebutton.p-button .p-button-icon-right {
color: #6c757d;
}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #DDD6FE;
+ border-color: #8B5CF6;
+}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: #e9ecef;
border-color: #ced4da;
@@ -1776,12 +1710,12 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 6px;
}
-.p-button:enabled:hover, .p-button:not(button):not(a):not(.p-disabled):hover {
+.p-button:enabled:hover {
background: #7C3AED;
color: #ffffff;
border-color: #7C3AED;
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: #6D28D9;
color: #ffffff;
border-color: #6D28D9;
@@ -1791,12 +1725,12 @@
color: #8B5CF6;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined:enabled:hover {
background: rgba(139, 92, 246, 0.04);
color: #8B5CF6;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined:enabled:active {
background: rgba(139, 92, 246, 0.16);
color: #8B5CF6;
border: 1px solid;
@@ -1805,11 +1739,11 @@
color: #6c757d;
border-color: #6c757d;
}
-.p-button.p-button-outlined.p-button-plain:enabled:hover, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: #e9ecef;
color: #6c757d;
}
-.p-button.p-button-outlined.p-button-plain:enabled:active, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined.p-button-plain:enabled:active {
background: #dee2e6;
color: #6c757d;
}
@@ -1818,12 +1752,12 @@
color: #8B5CF6;
border-color: transparent;
}
-.p-button.p-button-text:enabled:hover, .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text:enabled:hover {
background: rgba(139, 92, 246, 0.04);
color: #8B5CF6;
border-color: transparent;
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active {
background: rgba(139, 92, 246, 0.16);
color: #8B5CF6;
border-color: transparent;
@@ -1831,11 +1765,11 @@
.p-button.p-button-text.p-button-plain {
color: #6c757d;
}
-.p-button.p-button-text.p-button-plain:enabled:hover, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text.p-button-plain:enabled:hover {
background: #e9ecef;
color: #6c757d;
}
-.p-button.p-button-text.p-button-plain:enabled:active, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text.p-button-plain:enabled:active {
background: #dee2e6;
color: #6c757d;
}
@@ -1844,6 +1778,9 @@
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #DDD6FE;
}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1896,20 +1833,11 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
+.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
- margin-right: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
- margin-top: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
- margin-bottom: 0.5rem;
-}
.p-button.p-button-loading-label-only .p-button-loading-icon {
- margin: 0;
+ margin-right: 0;
}
.p-fluid .p-button {
@@ -1925,295 +1853,295 @@
flex: 1;
}
-.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 {
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #64748B;
border: 1px solid #64748B;
}
-.p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary:enabled:hover, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #475569;
color: #ffffff;
border-color: #475569;
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #E2E8F0;
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #334155;
color: #ffffff;
border-color: #334155;
}
-.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #64748B;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(100, 116, 139, 0.04);
color: #64748B;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(100, 116, 139, 0.16);
color: #64748B;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #64748B;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-text:enabled:hover, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(100, 116, 139, 0.04);
border-color: transparent;
color: #64748B;
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(100, 116, 139, 0.16);
border-color: transparent;
color: #64748B;
}
-.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #3B82F6;
border: 1px solid #3B82F6;
}
-.p-button.p-button-info:enabled:hover, .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info:enabled:hover, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #2563EB;
color: #ffffff;
border-color: #2563EB;
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #1D4ED8;
color: #ffffff;
border-color: #1D4ED8;
}
-.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 {
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #3B82F6;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:hover, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(59, 130, 246, 0.04);
color: #3B82F6;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(59, 130, 246, 0.16);
color: #3B82F6;
border: 1px solid;
}
-.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #3B82F6;
border-color: transparent;
}
-.p-button.p-button-info.p-button-text:enabled:hover, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(59, 130, 246, 0.04);
border-color: transparent;
color: #3B82F6;
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(59, 130, 246, 0.16);
border-color: transparent;
color: #3B82F6;
}
-.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #22C55E;
border: 1px solid #22C55E;
}
-.p-button.p-button-success:enabled:hover, .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success:enabled:hover, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #16A34A;
color: #ffffff;
border-color: #16A34A;
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #BBF7D0;
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #15803D;
color: #ffffff;
border-color: #15803D;
}
-.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #22C55E;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:hover, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(34, 197, 94, 0.04);
color: #22C55E;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(34, 197, 94, 0.16);
color: #22C55E;
border: 1px solid;
}
-.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #22C55E;
border-color: transparent;
}
-.p-button.p-button-success.p-button-text:enabled:hover, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(34, 197, 94, 0.04);
border-color: transparent;
color: #22C55E;
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(34, 197, 94, 0.16);
border-color: transparent;
color: #22C55E;
}
-.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #ffffff;
background: #F59E0B;
border: 1px solid #F59E0B;
}
-.p-button.p-button-warning:enabled:hover, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning:enabled:hover, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #D97706;
color: #ffffff;
border-color: #D97706;
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #FDE68A;
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #B45309;
color: #ffffff;
border-color: #B45309;
}
-.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 {
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #F59E0B;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(245, 158, 11, 0.04);
color: #F59E0B;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(245, 158, 11, 0.16);
color: #F59E0B;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #F59E0B;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-text:enabled:hover, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(245, 158, 11, 0.04);
border-color: transparent;
color: #F59E0B;
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(245, 158, 11, 0.16);
border-color: transparent;
color: #F59E0B;
}
-.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #A855F7;
border: 1px solid #A855F7;
}
-.p-button.p-button-help:enabled:hover, .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help:enabled:hover, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #9333EA;
color: #ffffff;
border-color: #9333EA;
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #E9D5FF;
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #7E22CE;
color: #ffffff;
border-color: #7E22CE;
}
-.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #A855F7;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:hover, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(168, 85, 247, 0.04);
color: #A855F7;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(168, 85, 247, 0.16);
color: #A855F7;
border: 1px solid;
}
-.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #A855F7;
border-color: transparent;
}
-.p-button.p-button-help.p-button-text:enabled:hover, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(168, 85, 247, 0.04);
border-color: transparent;
color: #A855F7;
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(168, 85, 247, 0.16);
border-color: transparent;
color: #A855F7;
}
-.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #EF4444;
border: 1px solid #EF4444;
}
-.p-button.p-button-danger:enabled:hover, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger:enabled:hover, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #DC2626;
color: #ffffff;
border-color: #DC2626;
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #FECACA;
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #B91C1C;
color: #ffffff;
border-color: #B91C1C;
}
-.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #EF4444;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(239, 68, 68, 0.04);
color: #EF4444;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(239, 68, 68, 0.16);
color: #EF4444;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #EF4444;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-text:enabled:hover, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(239, 68, 68, 0.04);
border-color: transparent;
color: #EF4444;
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(239, 68, 68, 0.16);
border-color: transparent;
color: #EF4444;
@@ -2224,25 +2152,89 @@
background: transparent;
border: transparent;
}
-.p-button.p-button-link:enabled:hover, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-link:enabled:hover {
background: transparent;
color: #6D28D9;
border-color: transparent;
}
-.p-button.p-button-link:enabled:hover .p-button-label, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
+.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
-.p-button.p-button-link:enabled:focus, .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: 0 0 0 0.2rem #DDD6FE;
border-color: transparent;
}
-.p-button.p-button-link:enabled:active, .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-link:enabled:active {
background: transparent;
color: #6D28D9;
border-color: transparent;
}
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: #495057;
+ color: #fff;
+}
+.p-speeddial-action:hover {
+ background: #022354;
+ color: #fff;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
.p-splitbutton {
border-radius: 6px;
}
@@ -2495,70 +2487,6 @@
color: #EF4444;
}
-.p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
-}
-.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
-}
-
-.p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #495057;
- color: #fff;
-}
-.p-speeddial-action:hover {
- background: #022354;
- color: #fff;
-}
-
-.p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
-}
-
-.p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
-}
-
-.p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
-}
-
-.p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
-}
-
-.p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
-}
-.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
-}
-
-.p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
-}
-
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
@@ -2660,11 +2588,11 @@
background: #F5F3FF;
margin-left: 0.5rem;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: #e9ecef;
color: #343a40;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: #343a40;
}
.p-datatable .p-sortable-column.p-highlight {
@@ -2674,11 +2602,11 @@
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: #6D28D9;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column.p-highlight:hover {
background: #F5F3FF;
color: #6D28D9;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
color: #6D28D9;
}
.p-datatable .p-sortable-column:focus {
@@ -2730,9 +2658,9 @@
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 700;
}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
- background: #F5F3FF;
- color: #6D28D9;
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid #DDD6FE;
+ outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: #F5F3FF;
@@ -2744,23 +2672,7 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
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: #e9ecef;
- color: #495057;
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
- 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 {
- background: #e9ecef;
- color: #495057;
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
- 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 {
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
}
@@ -2800,22 +2712,31 @@
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #fcfcfc;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #F5F3FF;
color: #6D28D9;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #6D28D9;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #6D28D9;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
- background: #fcfcfc;
-}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
@@ -2847,10 +2768,6 @@
padding: 1.25rem 1.25rem;
}
-.p-datatable-drag-selection-helper {
- background: rgba(139, 92, 246, 0.16);
-}
-
.p-dataview .p-paginator-top {
border-width: 0 0 1px 0;
border-radius: 0;
@@ -2887,46 +2804,6 @@
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
-.p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
-}
-
-.p-datascroller .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-datascroller-header {
- background: #f8f9fa;
- color: #343a40;
- border: 1px solid #dee2e6;
- border-width: 1px 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 700;
-}
-.p-datascroller .p-datascroller-content {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- padding: 0;
-}
-.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
- border: solid #dee2e6;
- border-width: 0 0 1px 0;
-}
-.p-datascroller .p-datascroller-footer {
- background: #f8f9fa;
- color: #343a40;
- border: 1px solid #dee2e6;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 700;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
-}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
@@ -3352,19 +3229,6 @@
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
-.p-orderlist .p-orderlist-filter-container {
- padding: 1.25rem;
- background: #ffffff;
- border: 1px solid #dee2e6;
- border-bottom: 0 none;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.75rem;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.75rem;
- color: #6c757d;
-}
.p-orderlist .p-orderlist-list {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -3401,22 +3265,6 @@
background: #e9ecef;
}
-@media screen and (max-width: 769px) {
- .p-orderlist {
- flex-direction: column;
- }
- .p-orderlist .p-orderlist-controls {
- padding: 1.25rem;
- flex-direction: row;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-controls .p-button:last-child {
- margin-right: 0;
- }
-}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
@@ -3495,6 +3343,7 @@
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
+ margin-right: 0.5rem;
height: 3rem;
}
.p-paginator .p-dropdown .p-dropdown-label {
@@ -3553,19 +3402,6 @@
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
-.p-picklist .p-picklist-filter-container {
- padding: 1.25rem;
- background: #ffffff;
- border: 1px solid #dee2e6;
- border-bottom: 0 none;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.75rem;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.75rem;
- color: #6c757d;
-}
.p-picklist .p-picklist-list {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -3595,35 +3431,38 @@
color: #6D28D9;
background: #F5F3FF;
}
-
-@media screen and (max-width: 769px) {
- .p-picklist {
- flex-direction: column;
- }
- .p-picklist .p-picklist-buttons {
- padding: 1.25rem;
- flex-direction: row;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-buttons .p-button:last-child {
- margin-right: 0;
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
- content: "\e930";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
- content: "\e92c";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
- content: "\e933";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
- content: "\e92f";
- }
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: #fcfcfc;
}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: #e9ecef;
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 2px solid #8B5CF6;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #ffffff;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #dee2e6;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
.p-tree {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -3690,10 +3529,6 @@
background: #e9ecef;
color: #495057;
}
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: #e9ecef;
- color: #495057;
-}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
@@ -3711,12 +3546,6 @@
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
-.p-tree .p-treenode-droppoint {
- height: 0.5rem;
-}
-.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
- background: #a28fff;
-}
.p-treetable .p-paginator-top {
border-width: 0 0 1px 0;
@@ -3842,11 +3671,11 @@
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: #495057;
}
.p-treetable .p-column-resizer-helper {
@@ -3911,31 +3740,6 @@
padding: 1.25rem 1.25rem;
}
-.p-timeline .p-timeline-event-marker {
- border: 2px solid #8B5CF6;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #ffffff;
-}
-.p-timeline .p-timeline-event-connector {
- background-color: #dee2e6;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
-}
-
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1.25rem;
border: 1px solid #dee2e6;
@@ -3951,7 +3755,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #DDD6FE;
+ box-shadow: inset 0 0 0 0.2rem #DDD6FE;
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #e9ecef;
@@ -4043,6 +3847,9 @@
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #DDD6FE;
}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: #343a40;
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: #e9ecef;
border-color: #dee2e6;
@@ -4126,6 +3933,17 @@
border-top: 0 none;
}
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #f8f9fa;
+ border: 0 none;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #DDD6FE;
+}
+
.p-splitter {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -4138,16 +3956,17 @@
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: #dee2e6;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #DDD6FE;
}
.p-splitter .p-splitter-gutter-resizing {
background: #dee2e6;
}
-.p-scrollpanel .p-scrollpanel-bar {
- background: #f8f9fa;
- border: 0 none;
-}
-
.p-tabview .p-tabview-nav {
background: #ffffff;
border: 1px solid #dee2e6;
@@ -4184,9 +4003,6 @@
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;
@@ -4439,9 +4255,12 @@
border-bottom: 0 none;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
+ gap: 0.5rem;
}
-.p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #DDD6FE;
}
.p-fileupload .p-fileupload-content {
background: #ffffff;
@@ -4451,6 +4270,22 @@
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #dee2e6;
+ border-radius: 6px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
.p-fileupload .p-progressbar {
height: 0.25rem;
}
@@ -4461,35 +4296,46 @@
margin-top: 0;
}
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #7C3AED;
+ color: #ffffff;
+ border-color: #7C3AED;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #6D28D9;
+ color: #ffffff;
+ border-color: #6D28D9;
+}
+
.p-breadcrumb {
background: #ffffff;
border: 1px solid #dee2e6;
border-radius: 6px;
padding: 1rem;
}
-.p-breadcrumb ul li .p-menuitem-link {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: box-shadow 0.2s;
border-radius: 6px;
}
-.p-breadcrumb ul li .p-menuitem-link:focus {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #DDD6FE;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: #495057;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: #6c757d;
}
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: #495057;
}
-.p-breadcrumb ul li:last-child .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: #495057;
}
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: #6c757d;
}
@@ -4502,39 +4348,8 @@
border-radius: 6px;
width: 12.5rem;
}
-.p-contextmenu .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
-}
-.p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
-}
-.p-contextmenu .p-menuitem-link:focus {
+.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #DDD6FE;
}
.p-contextmenu .p-submenu-list {
padding: 0.25rem 0;
@@ -4543,16 +4358,59 @@
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
border-radius: 6px;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+ color: #495057;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1.25rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #6D28D9;
background: #F5F3FF;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #6D28D9;
}
-.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.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-menu-separator {
+.p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(139, 92, 246, 0.24);
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #495057;
+ background: #dee2e6;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.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: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-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
@@ -4560,78 +4418,71 @@
font-size: 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-action {
+.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-link {
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 {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
- .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list {
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
- .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container {
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
- .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
- .p-dock.p-dock-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 {
+ .p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
@@ -4643,98 +4494,68 @@
border: 1px solid #dee2e6;
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: #495057;
- border-radius: 6px;
transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ 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: #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 {
- color: #6c757d;
- margin-left: 0.5rem;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .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-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 #DDD6FE;
-}
-.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: #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 {
+.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 {
+.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: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- 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: #495057;
}
-.p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
+.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-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 #DDD6FE;
-}
.p-megamenu .p-megamenu-panel {
background: #ffffff;
color: #495057;
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: #343a40;
@@ -4743,27 +4564,48 @@
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 #dee2e6;
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.25rem 0;
}
+.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
+ color: #495057;
+ 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: #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-menu {
padding: 0.25rem 0;
@@ -4773,39 +4615,57 @@
border-radius: 6px;
width: 12.5rem;
}
-.p-menu .p-menuitem-link {
- padding: 0.75rem 1.25rem;
+.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 {
+ 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: #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 {
- background: #e9ecef;
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #6D28D9;
+ background: #F5F3FF;
}
-.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: #6D28D9;
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #6D28D9;
+}
+.p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(139, 92, 246, 0.24);
+}
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #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-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d;
+.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-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #495057;
+ background: #e9ecef;
}
-.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 .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;
@@ -4821,7 +4681,7 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
}
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
@@ -4833,90 +4693,90 @@
border: 1px solid #dee2e6;
border-radius: 6px;
}
-.p-menubar .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-menubar .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-menubar .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
-}
-.p-menubar .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .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 {
- color: #6c757d;
-}
-.p-menubar .p-menuitem-link:focus {
+.p-menubar .p-menubar-root-list {
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-menubar-root-list > .p-menuitem > .p-menuitem-content {
color: #495057;
- border-radius: 6px;
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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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: #6c757d;
}
-.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+.p-menubar .p-menuitem > .p-menuitem-content {
+ color: #495057;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1.25rem;
+ user-select: none;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #6c757d;
}
-.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-active > .p-menuitem-link,
-.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #6D28D9;
background: #F5F3FF;
}
-.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.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #6D28D9;
}
-.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.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-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.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(139, 92, 246, 0.24);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #495057;
+ background: #dee2e6;
+}
+.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-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-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-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 {
padding: 0.25rem 0;
@@ -4925,22 +4785,13 @@
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 #dee2e6;
margin: 0.25rem 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
font-size: 0.875rem;
}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #F5F3FF;
-}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #6D28D9;
-}
-.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;
-}
@media screen and (max-width: 960px) {
.p-menubar {
@@ -4972,56 +4823,22 @@
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
width: 100%;
}
- .p-menubar .p-menubar-root-list .p-menu-separator {
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
- .p-menubar .p-menubar-root-list > .p-menuitem {
+ .p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #495057;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .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 {
- color: #6c757d;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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: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 > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5034,26 +4851,26 @@
transition: transform 0.2s;
transform: rotate(90deg);
}
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 5.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 6.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 8.25rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5064,42 +4881,45 @@
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 #dee2e6;
color: #6c757d;
background: #f8f9fa;
- 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-action {
+ padding: 1.25rem;
+ font-weight: 700;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a:focus {
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .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: #e9ecef;
border-color: #dee2e6;
color: #343a40;
}
-.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: #343a40;
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: #343a40;
@@ -5115,124 +4935,75 @@
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: #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 {
+ 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: #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: #6D28D9;
+ background: #F5F3FF;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #6D28D9;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #6D28D9;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(139, 92, 246, 0.24);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #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 .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+.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:not(.p-disabled):hover .p-menuitem-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-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
-}
-.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 .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: 4px;
}
-.p-slidemenu {
- padding: 0.25rem 0;
- background: #ffffff;
- color: #495057;
- border: 1px solid #dee2e6;
- border-radius: 6px;
- width: 12.5rem;
-}
-.p-slidemenu .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
-}
-.p-slidemenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
-}
-.p-slidemenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #DDD6FE;
-}
-.p-slidemenu.p-slidemenu-overlay {
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-.p-slidemenu .p-slidemenu-list {
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
- background: #F5F3FF;
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
- 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;
-}
-.p-slidemenu .p-slidemenu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0;
-}
-.p-slidemenu .p-slidemenu-icon {
- font-size: 0.875rem;
-}
-.p-slidemenu .p-slidemenu-backward {
- padding: 0.75rem 1.25rem;
- color: #495057;
-}
-
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
@@ -5298,7 +5069,6 @@
border-top-left-radius: 6px;
transition: box-shadow 0.2s;
margin: 0 0 -2px 0;
- height: calc(100% + 2px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
@@ -5327,61 +5097,73 @@
border-radius: 6px;
width: 12.5rem;
}
-.p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
-}
-.p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
-}
-.p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #DDD6FE;
-}
.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.25rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+ color: #495057;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1.25rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #6D28D9;
background: #F5F3FF;
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #6D28D9;
}
-.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.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-menu-separator {
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(139, 92, 246, 0.24);
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #495057;
+ background: #dee2e6;
+}
+.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-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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.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: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-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
@@ -5693,9 +5475,6 @@
background: rgba(255, 255, 255, 0.1);
color: #f8f9fa;
}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- transition: box-shadow 0.2s;
-}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
@@ -5769,6 +5548,48 @@
border: 2px solid #ffffff;
}
+.p-badge {
+ background: #8B5CF6;
+ color: #ffffff;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #64748B;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #22C55E;
+ color: #ffffff;
+}
+.p-badge.p-badge-info {
+ background-color: #3B82F6;
+ color: #ffffff;
+}
+.p-badge.p-badge-warning {
+ background-color: #F59E0B;
+ color: #ffffff;
+}
+.p-badge.p-badge-danger {
+ background-color: #EF4444;
+ color: #ffffff;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
.p-chip {
background-color: #dee2e6;
color: #495057;
@@ -5790,9 +5611,9 @@
margin-right: 0.5rem;
}
.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
border-radius: 6px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-left: 0.5rem;
}
.p-chip .p-chip-remove-icon:focus {
outline: 0 none;
@@ -5800,6 +5621,37 @@
box-shadow: 0 0 0 0.2rem #DDD6FE;
}
+.p-inplace .p-inplace-display {
+ padding: 0.75rem 0.75rem;
+ border-radius: 6px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: #e9ecef;
+ color: #495057;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #DDD6FE;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 1.5rem;
+ background: #dee2e6;
+ border-radius: 6px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #8B5CF6;
+}
+.p-progressbar .p-progressbar-label {
+ color: #ffffff;
+ line-height: 1.5rem;
+}
+
.p-scrolltop {
width: 3rem;
height: 3rem;
@@ -5855,37 +5707,6 @@
font-size: 0.75rem;
}
-.p-inplace .p-inplace-display {
- padding: 0.75rem 0.75rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: #e9ecef;
- color: #495057;
-}
-.p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #DDD6FE;
-}
-
-.p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #dee2e6;
- border-radius: 6px;
-}
-.p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #8B5CF6;
-}
-.p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 1.5rem;
-}
-
.p-terminal {
background: #ffffff;
color: #495057;
@@ -5897,73 +5718,6 @@
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
-.p-badge {
- background: #8B5CF6;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
-}
-.p-badge.p-badge-secondary {
- background-color: #64748B;
- color: #ffffff;
-}
-.p-badge.p-badge-success {
- background-color: #22C55E;
- color: #ffffff;
-}
-.p-badge.p-badge-info {
- background-color: #3B82F6;
- color: #ffffff;
-}
-.p-badge.p-badge-warning {
- background-color: #F59E0B;
- color: #ffffff;
-}
-.p-badge.p-badge-danger {
- background-color: #EF4444;
- color: #ffffff;
-}
-.p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
-}
-.p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
-}
-
-.p-tag {
- background: #8B5CF6;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 6px;
-}
-.p-tag.p-tag-success {
- background-color: #22C55E;
- color: #ffffff;
-}
-.p-tag.p-tag-info {
- background-color: #3B82F6;
- color: #ffffff;
-}
-.p-tag.p-tag-warning {
- background-color: #F59E0B;
- color: #ffffff;
-}
-.p-tag.p-tag-danger {
- background-color: #EF4444;
- color: #ffffff;
-}
-
.p-button-label {
font-weight: 700;
}
@@ -5975,15 +5729,6 @@
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
-.p-tabview .p-tabview-nav .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 2px;
- background-color: #8B5CF6;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
-}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #8B5CF6;
diff --git a/public/themes/lara-light-teal/theme.css b/public/themes/lara-light-teal/theme.css
index 1e27c72..2255e5b 100644
--- a/public/themes/lara-light-teal/theme.css
+++ b/public/themes/lara-light-teal/theme.css
@@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.75rem;
}
-.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.375rem 0.75rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #14B8A6;
}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #99F6E4;
border-color: #14B8A6;
}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.375rem 0.75rem;
+ gap: 0.5rem;
+}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.375rem 0;
}
@@ -265,14 +266,17 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: #F0FDFA;
- color: #0F766E;
- border-radius: 6px;
+ background: #dee2e6;
+ color: #495057;
+ border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #ced4da;
+ color: #495057;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #e24c4c;
}
@@ -296,14 +300,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: #495057;
- background: #e9ecef;
-}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #0F766E;
background: #F0FDFA;
}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: rgba(20, 184, 166, 0.24);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #495057;
+ background: #e9ecef;
+}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1.25rem;
@@ -494,10 +505,10 @@
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
+ border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
- border-left: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: #e9ecef;
@@ -585,22 +596,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.75rem 1.25rem;
-}
-.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 #99F6E4;
-}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #0F766E;
background: #F0FDFA;
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: rgba(20, 184, 166, 0.24);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.75rem 1.25rem;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@@ -637,11 +650,6 @@
border-color: #14B8A6;
background: #14B8A6;
}
-.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
- border-color: #0F766E;
- background: #0F766E;
- color: #ffffff;
-}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: #14B8A6;
}
@@ -673,24 +681,28 @@
background: #0F766E;
}
-.p-chips .p-chips-multiple-container {
- padding: 0.375rem 0.75rem;
-}
-.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #14B8A6;
}
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #99F6E4;
border-color: #14B8A6;
}
+.p-chips .p-chips-multiple-container {
+ padding: 0.375rem 0.75rem;
+}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
- background: #F0FDFA;
- color: #0F766E;
- border-radius: 6px;
+ background: #dee2e6;
+ color: #495057;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #ced4da;
+ color: #495057;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@@ -752,7 +764,7 @@
.p-dropdown .p-dropdown-label.p-placeholder {
color: #6c757d;
}
-.p-dropdown .p-dropdown-label:enabled:focus {
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
@@ -795,13 +807,6 @@
right: 0.75rem;
color: #6c757d;
}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
- padding-right: 3.5rem;
- margin-right: -3.5rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
- right: 2.5rem;
-}
.p-dropdown-panel .p-dropdown-items {
padding: 0.75rem 0;
}
@@ -818,6 +823,13 @@
color: #0F766E;
background: #F0FDFA;
}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: rgba(20, 184, 166, 0.24);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
@@ -1059,7 +1071,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #0D9488;
}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
+.p-inputswitch.p-invalid {
border-color: #e24c4c;
}
@@ -1101,13 +1113,11 @@
transition-duration: 0.2s;
}
-.p-float-label > label.p-error {
+.p-float-label > .p-invalid + label {
color: #e24c4c;
}
-.p-input-icon-left > i:first-of-type,
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: #6c757d;
}
@@ -1120,9 +1130,7 @@
left: 2.5rem;
}
-.p-input-icon-right > i:last-of-type,
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: #6c757d;
}
@@ -1172,6 +1180,7 @@
color: #495057;
border: 1px solid #ced4da;
border-radius: 6px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-listbox .p-listbox-header {
padding: 0.75rem 1.25rem;
@@ -1191,6 +1200,7 @@
}
.p-listbox .p-listbox-list {
padding: 0.75rem 0;
+ outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
@@ -1204,11 +1214,6 @@
color: #0F766E;
background: #F0FDFA;
}
-.p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #99F6E4;
-}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 0.75rem 1.25rem;
@@ -1221,42 +1226,27 @@
color: #495057;
background: transparent;
}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: rgba(20, 184, 166, 0.24);
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #99F6E4;
+ border-color: #14B8A6;
+}
.p-listbox.p-invalid {
border-color: #e24c4c;
}
-.p-mention-panel {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- border-radius: 6px;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-.p-mention-panel .p-mention-items {
- padding: 0.75rem 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item {
- margin: 0;
- padding: 0.75rem 1.25rem;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item:hover {
- color: #495057;
- background: #e9ecef;
-}
-.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
- color: #0F766E;
- background: #F0FDFA;
-}
-
.p-multiselect {
background: #ffffff;
border: 1px solid #ced4da;
@@ -1272,9 +1262,6 @@
box-shadow: 0 0 0 0.2rem #99F6E4;
border-color: #14B8A6;
}
-.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.75rem;
-}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1285,9 +1272,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
- background: #F0FDFA;
- color: #0F766E;
- border-radius: 6px;
+ background: #dee2e6;
+ color: #495057;
+ border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
@@ -1299,10 +1286,6 @@
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
-.p-multiselect .p-multiselect-clear-icon {
- color: #6c757d;
- right: 3rem;
-}
.p-multiselect.p-invalid.p-component {
border-color: #e24c4c;
}
@@ -1310,12 +1293,6 @@
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.375rem 0.75rem;
}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
- padding: 0.75rem 0.75rem;
-}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.75rem;
-}
.p-multiselect-panel {
background: #ffffff;
@@ -1333,9 +1310,6 @@
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
- margin: 0 0.5rem;
-}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.75rem;
}
@@ -1343,7 +1317,11 @@
right: 0.75rem;
color: #6c757d;
}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: #6c757d;
@@ -1378,15 +1356,17 @@
color: #0F766E;
background: #F0FDFA;
}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: rgba(20, 184, 166, 0.24);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #99F6E4;
-}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
@@ -1438,15 +1418,6 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #29c76f;
}
-.p-password-panel .p-password-info.weak {
- color: #ea5455;
-}
-.p-password-panel .p-password-info.medium {
- color: #ff9f42;
-}
-.p-password-panel .p-password-info.strong {
- color: #29c76f;
-}
.p-radiobutton {
width: 22px;
@@ -1516,10 +1487,11 @@
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #ea5455;
}
-.p-rating .p-rating-item:focus {
+.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #99F6E4;
+ border-color: #14B8A6;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #14B8A6;
@@ -1663,50 +1635,6 @@
border-radius: 6px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
-.p-treeselect-panel .p-treeselect-header {
- padding: 0.75rem 1.25rem;
- border-bottom: 1px solid #dee2e6;
- color: #343a40;
- background: #f8f9fa;
- margin: 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
- margin-right: 0.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
- padding-right: 1.75rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.75rem;
- color: #6c757d;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 3.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 2.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- 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: #343a40;
- border-color: transparent;
- background: #e9ecef;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #99F6E4;
-}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
@@ -1736,6 +1664,12 @@
.p-togglebutton.p-button .p-button-icon-right {
color: #6c757d;
}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #99F6E4;
+ border-color: #14B8A6;
+}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: #e9ecef;
border-color: #ced4da;
@@ -1776,12 +1710,12 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 6px;
}
-.p-button:enabled:hover, .p-button:not(button):not(a):not(.p-disabled):hover {
+.p-button:enabled:hover {
background: #0D9488;
color: #ffffff;
border-color: #0D9488;
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: #0F766E;
color: #ffffff;
border-color: #0F766E;
@@ -1791,12 +1725,12 @@
color: #14B8A6;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined:enabled:hover {
background: rgba(20, 184, 166, 0.04);
color: #14B8A6;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined:enabled:active {
background: rgba(20, 184, 166, 0.16);
color: #14B8A6;
border: 1px solid;
@@ -1805,11 +1739,11 @@
color: #6c757d;
border-color: #6c757d;
}
-.p-button.p-button-outlined.p-button-plain:enabled:hover, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: #e9ecef;
color: #6c757d;
}
-.p-button.p-button-outlined.p-button-plain:enabled:active, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined.p-button-plain:enabled:active {
background: #dee2e6;
color: #6c757d;
}
@@ -1818,12 +1752,12 @@
color: #14B8A6;
border-color: transparent;
}
-.p-button.p-button-text:enabled:hover, .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text:enabled:hover {
background: rgba(20, 184, 166, 0.04);
color: #14B8A6;
border-color: transparent;
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active {
background: rgba(20, 184, 166, 0.16);
color: #14B8A6;
border-color: transparent;
@@ -1831,11 +1765,11 @@
.p-button.p-button-text.p-button-plain {
color: #6c757d;
}
-.p-button.p-button-text.p-button-plain:enabled:hover, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text.p-button-plain:enabled:hover {
background: #e9ecef;
color: #6c757d;
}
-.p-button.p-button-text.p-button-plain:enabled:active, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text.p-button-plain:enabled:active {
background: #dee2e6;
color: #6c757d;
}
@@ -1844,6 +1778,9 @@
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #99F6E4;
}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1896,20 +1833,11 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
+.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
- margin-right: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
- margin-top: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
- margin-bottom: 0.5rem;
-}
.p-button.p-button-loading-label-only .p-button-loading-icon {
- margin: 0;
+ margin-right: 0;
}
.p-fluid .p-button {
@@ -1925,295 +1853,295 @@
flex: 1;
}
-.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 {
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #64748B;
border: 1px solid #64748B;
}
-.p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary:enabled:hover, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #475569;
color: #ffffff;
border-color: #475569;
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #E2E8F0;
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #334155;
color: #ffffff;
border-color: #334155;
}
-.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #64748B;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(100, 116, 139, 0.04);
color: #64748B;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(100, 116, 139, 0.16);
color: #64748B;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #64748B;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-text:enabled:hover, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(100, 116, 139, 0.04);
border-color: transparent;
color: #64748B;
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(100, 116, 139, 0.16);
border-color: transparent;
color: #64748B;
}
-.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #3B82F6;
border: 1px solid #3B82F6;
}
-.p-button.p-button-info:enabled:hover, .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info:enabled:hover, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #2563EB;
color: #ffffff;
border-color: #2563EB;
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #1D4ED8;
color: #ffffff;
border-color: #1D4ED8;
}
-.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 {
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #3B82F6;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:hover, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(59, 130, 246, 0.04);
color: #3B82F6;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(59, 130, 246, 0.16);
color: #3B82F6;
border: 1px solid;
}
-.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #3B82F6;
border-color: transparent;
}
-.p-button.p-button-info.p-button-text:enabled:hover, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(59, 130, 246, 0.04);
border-color: transparent;
color: #3B82F6;
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(59, 130, 246, 0.16);
border-color: transparent;
color: #3B82F6;
}
-.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #22C55E;
border: 1px solid #22C55E;
}
-.p-button.p-button-success:enabled:hover, .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success:enabled:hover, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #16A34A;
color: #ffffff;
border-color: #16A34A;
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #BBF7D0;
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #15803D;
color: #ffffff;
border-color: #15803D;
}
-.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #22C55E;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:hover, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(34, 197, 94, 0.04);
color: #22C55E;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(34, 197, 94, 0.16);
color: #22C55E;
border: 1px solid;
}
-.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #22C55E;
border-color: transparent;
}
-.p-button.p-button-success.p-button-text:enabled:hover, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(34, 197, 94, 0.04);
border-color: transparent;
color: #22C55E;
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(34, 197, 94, 0.16);
border-color: transparent;
color: #22C55E;
}
-.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #ffffff;
background: #F59E0B;
border: 1px solid #F59E0B;
}
-.p-button.p-button-warning:enabled:hover, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning:enabled:hover, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #D97706;
color: #ffffff;
border-color: #D97706;
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #FDE68A;
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #B45309;
color: #ffffff;
border-color: #B45309;
}
-.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 {
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #F59E0B;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(245, 158, 11, 0.04);
color: #F59E0B;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(245, 158, 11, 0.16);
color: #F59E0B;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #F59E0B;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-text:enabled:hover, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(245, 158, 11, 0.04);
border-color: transparent;
color: #F59E0B;
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(245, 158, 11, 0.16);
border-color: transparent;
color: #F59E0B;
}
-.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #A855F7;
border: 1px solid #A855F7;
}
-.p-button.p-button-help:enabled:hover, .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help:enabled:hover, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #9333EA;
color: #ffffff;
border-color: #9333EA;
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #E9D5FF;
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #7E22CE;
color: #ffffff;
border-color: #7E22CE;
}
-.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #A855F7;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:hover, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(168, 85, 247, 0.04);
color: #A855F7;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(168, 85, 247, 0.16);
color: #A855F7;
border: 1px solid;
}
-.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #A855F7;
border-color: transparent;
}
-.p-button.p-button-help.p-button-text:enabled:hover, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(168, 85, 247, 0.04);
border-color: transparent;
color: #A855F7;
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(168, 85, 247, 0.16);
border-color: transparent;
color: #A855F7;
}
-.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #EF4444;
border: 1px solid #EF4444;
}
-.p-button.p-button-danger:enabled:hover, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger:enabled:hover, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #DC2626;
color: #ffffff;
border-color: #DC2626;
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #FECACA;
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #B91C1C;
color: #ffffff;
border-color: #B91C1C;
}
-.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #EF4444;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(239, 68, 68, 0.04);
color: #EF4444;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(239, 68, 68, 0.16);
color: #EF4444;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #EF4444;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-text:enabled:hover, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(239, 68, 68, 0.04);
border-color: transparent;
color: #EF4444;
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(239, 68, 68, 0.16);
border-color: transparent;
color: #EF4444;
@@ -2224,25 +2152,89 @@
background: transparent;
border: transparent;
}
-.p-button.p-button-link:enabled:hover, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-link:enabled:hover {
background: transparent;
color: #0F766E;
border-color: transparent;
}
-.p-button.p-button-link:enabled:hover .p-button-label, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
+.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
-.p-button.p-button-link:enabled:focus, .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: 0 0 0 0.2rem #99F6E4;
border-color: transparent;
}
-.p-button.p-button-link:enabled:active, .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-link:enabled:active {
background: transparent;
color: #0F766E;
border-color: transparent;
}
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: #495057;
+ color: #fff;
+}
+.p-speeddial-action:hover {
+ background: #022354;
+ color: #fff;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
.p-splitbutton {
border-radius: 6px;
}
@@ -2495,70 +2487,6 @@
color: #EF4444;
}
-.p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
-}
-.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
-}
-
-.p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #495057;
- color: #fff;
-}
-.p-speeddial-action:hover {
- background: #022354;
- color: #fff;
-}
-
-.p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
-}
-
-.p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
-}
-
-.p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
-}
-
-.p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
-}
-
-.p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
-}
-.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
-}
-
-.p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
-}
-
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
@@ -2660,11 +2588,11 @@
background: #F0FDFA;
margin-left: 0.5rem;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: #e9ecef;
color: #343a40;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: #343a40;
}
.p-datatable .p-sortable-column.p-highlight {
@@ -2674,11 +2602,11 @@
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: #0F766E;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column.p-highlight:hover {
background: #F0FDFA;
color: #0F766E;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
color: #0F766E;
}
.p-datatable .p-sortable-column:focus {
@@ -2730,9 +2658,9 @@
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 700;
}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
- background: #F0FDFA;
- color: #0F766E;
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid #99F6E4;
+ outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: #F0FDFA;
@@ -2744,23 +2672,7 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
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: #e9ecef;
- color: #495057;
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
- outline: 0.15rem solid #99F6E4;
- 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: #e9ecef;
- color: #495057;
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
- outline: 0.15rem solid #99F6E4;
- outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
}
@@ -2800,22 +2712,31 @@
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #fcfcfc;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #F0FDFA;
color: #0F766E;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #0F766E;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #0F766E;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
- background: #fcfcfc;
-}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
@@ -2847,10 +2768,6 @@
padding: 1.25rem 1.25rem;
}
-.p-datatable-drag-selection-helper {
- background: rgba(20, 184, 166, 0.16);
-}
-
.p-dataview .p-paginator-top {
border-width: 0 0 1px 0;
border-radius: 0;
@@ -2887,46 +2804,6 @@
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
-.p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
-}
-
-.p-datascroller .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-datascroller-header {
- background: #f8f9fa;
- color: #343a40;
- border: 1px solid #dee2e6;
- border-width: 1px 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 700;
-}
-.p-datascroller .p-datascroller-content {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- padding: 0;
-}
-.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
- border: solid #dee2e6;
- border-width: 0 0 1px 0;
-}
-.p-datascroller .p-datascroller-footer {
- background: #f8f9fa;
- color: #343a40;
- border: 1px solid #dee2e6;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 700;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
-}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
@@ -3352,19 +3229,6 @@
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
-.p-orderlist .p-orderlist-filter-container {
- padding: 1.25rem;
- background: #ffffff;
- border: 1px solid #dee2e6;
- border-bottom: 0 none;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.75rem;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.75rem;
- color: #6c757d;
-}
.p-orderlist .p-orderlist-list {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -3401,22 +3265,6 @@
background: #e9ecef;
}
-@media screen and (max-width: 769px) {
- .p-orderlist {
- flex-direction: column;
- }
- .p-orderlist .p-orderlist-controls {
- padding: 1.25rem;
- flex-direction: row;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-controls .p-button:last-child {
- margin-right: 0;
- }
-}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
@@ -3495,6 +3343,7 @@
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
+ margin-right: 0.5rem;
height: 3rem;
}
.p-paginator .p-dropdown .p-dropdown-label {
@@ -3553,19 +3402,6 @@
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
-.p-picklist .p-picklist-filter-container {
- padding: 1.25rem;
- background: #ffffff;
- border: 1px solid #dee2e6;
- border-bottom: 0 none;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.75rem;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.75rem;
- color: #6c757d;
-}
.p-picklist .p-picklist-list {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -3595,35 +3431,38 @@
color: #0F766E;
background: #F0FDFA;
}
-
-@media screen and (max-width: 769px) {
- .p-picklist {
- flex-direction: column;
- }
- .p-picklist .p-picklist-buttons {
- padding: 1.25rem;
- flex-direction: row;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-buttons .p-button:last-child {
- margin-right: 0;
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
- content: "\e930";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
- content: "\e92c";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
- content: "\e933";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
- content: "\e92f";
- }
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: #fcfcfc;
}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: #e9ecef;
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 2px solid #14B8A6;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #ffffff;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #dee2e6;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
.p-tree {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -3690,10 +3529,6 @@
background: #e9ecef;
color: #495057;
}
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: #e9ecef;
- color: #495057;
-}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
@@ -3711,12 +3546,6 @@
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
-.p-tree .p-treenode-droppoint {
- height: 0.5rem;
-}
-.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
- background: #99f1dd;
-}
.p-treetable .p-paginator-top {
border-width: 0 0 1px 0;
@@ -3842,11 +3671,11 @@
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: #0F766E;
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: #495057;
}
.p-treetable .p-column-resizer-helper {
@@ -3911,31 +3740,6 @@
padding: 1.25rem 1.25rem;
}
-.p-timeline .p-timeline-event-marker {
- border: 2px solid #14B8A6;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #ffffff;
-}
-.p-timeline .p-timeline-event-connector {
- background-color: #dee2e6;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
-}
-
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1.25rem;
border: 1px solid #dee2e6;
@@ -3951,7 +3755,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #99F6E4;
+ box-shadow: inset 0 0 0 0.2rem #99F6E4;
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #e9ecef;
@@ -4043,6 +3847,9 @@
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #99F6E4;
}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: #343a40;
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: #e9ecef;
border-color: #dee2e6;
@@ -4126,6 +3933,17 @@
border-top: 0 none;
}
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #f8f9fa;
+ border: 0 none;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #99F6E4;
+}
+
.p-splitter {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -4138,16 +3956,17 @@
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: #dee2e6;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #99F6E4;
}
.p-splitter .p-splitter-gutter-resizing {
background: #dee2e6;
}
-.p-scrollpanel .p-scrollpanel-bar {
- background: #f8f9fa;
- border: 0 none;
-}
-
.p-tabview .p-tabview-nav {
background: #ffffff;
border: 1px solid #dee2e6;
@@ -4184,9 +4003,6 @@
border-color: #14B8A6;
color: #14B8A6;
}
-.p-tabview .p-tabview-close {
- margin-left: 0.5rem;
-}
.p-tabview .p-tabview-nav-btn.p-link {
background: #ffffff;
color: #14B8A6;
@@ -4439,9 +4255,12 @@
border-bottom: 0 none;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
+ gap: 0.5rem;
}
-.p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #99F6E4;
}
.p-fileupload .p-fileupload-content {
background: #ffffff;
@@ -4451,6 +4270,22 @@
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #dee2e6;
+ border-radius: 6px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
.p-fileupload .p-progressbar {
height: 0.25rem;
}
@@ -4461,35 +4296,46 @@
margin-top: 0;
}
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #0D9488;
+ color: #ffffff;
+ border-color: #0D9488;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #0F766E;
+ color: #ffffff;
+ border-color: #0F766E;
+}
+
.p-breadcrumb {
background: #ffffff;
border: 1px solid #dee2e6;
border-radius: 6px;
padding: 1rem;
}
-.p-breadcrumb ul li .p-menuitem-link {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: box-shadow 0.2s;
border-radius: 6px;
}
-.p-breadcrumb ul li .p-menuitem-link:focus {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #99F6E4;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: #495057;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: #6c757d;
}
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: #495057;
}
-.p-breadcrumb ul li:last-child .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: #495057;
}
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: #6c757d;
}
@@ -4502,39 +4348,8 @@
border-radius: 6px;
width: 12.5rem;
}
-.p-contextmenu .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
-}
-.p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
-}
-.p-contextmenu .p-menuitem-link:focus {
+.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #99F6E4;
}
.p-contextmenu .p-submenu-list {
padding: 0.25rem 0;
@@ -4543,16 +4358,59 @@
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
border-radius: 6px;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+ color: #495057;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1.25rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #0F766E;
background: #F0FDFA;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #0F766E;
}
-.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.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-menu-separator {
+.p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(20, 184, 166, 0.24);
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #495057;
+ background: #dee2e6;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.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: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-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
@@ -4560,78 +4418,71 @@
font-size: 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-action {
+.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-link {
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 {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
- .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list {
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
- .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container {
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
- .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
- .p-dock.p-dock-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 {
+ .p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
@@ -4643,98 +4494,68 @@
border: 1px solid #dee2e6;
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: #495057;
- border-radius: 6px;
transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ 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: #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 {
- color: #6c757d;
- margin-left: 0.5rem;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .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-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 #99F6E4;
-}
-.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: #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 .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: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- 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: #495057;
}
-.p-megamenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
+.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-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 #99F6E4;
-}
.p-megamenu .p-megamenu-panel {
background: #ffffff;
color: #495057;
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: #343a40;
@@ -4743,27 +4564,48 @@
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 #dee2e6;
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: #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.25rem 0;
}
+.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
+ color: #495057;
+ 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: #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-menu {
padding: 0.25rem 0;
@@ -4773,39 +4615,57 @@
border-radius: 6px;
width: 12.5rem;
}
-.p-menu .p-menuitem-link {
- padding: 0.75rem 1.25rem;
+.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 {
+ 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: #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 {
- background: #e9ecef;
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #0F766E;
+ 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: #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: #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-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d;
+.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-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #495057;
+ background: #e9ecef;
}
-.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 .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;
@@ -4821,7 +4681,7 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
}
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
@@ -4833,90 +4693,90 @@
border: 1px solid #dee2e6;
border-radius: 6px;
}
-.p-menubar .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-menubar .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-menubar .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
-}
-.p-menubar .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .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 {
- color: #6c757d;
-}
-.p-menubar .p-menuitem-link:focus {
+.p-menubar .p-menubar-root-list {
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-menubar-root-list > .p-menuitem > .p-menuitem-content {
color: #495057;
- border-radius: 6px;
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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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: #6c757d;
}
-.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+.p-menubar .p-menuitem > .p-menuitem-content {
+ color: #495057;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1.25rem;
+ user-select: none;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #6c757d;
}
-.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-active > .p-menuitem-link,
-.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #0F766E;
background: #F0FDFA;
}
-.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.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #0F766E;
}
-.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.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-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.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(20, 184, 166, 0.24);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #495057;
+ background: #dee2e6;
+}
+.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-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-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-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 {
padding: 0.25rem 0;
@@ -4925,22 +4785,13 @@
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 #dee2e6;
margin: 0.25rem 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
font-size: 0.875rem;
}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #F0FDFA;
-}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #0F766E;
-}
-.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;
-}
@media screen and (max-width: 960px) {
.p-menubar {
@@ -4972,56 +4823,22 @@
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
width: 100%;
}
- .p-menubar .p-menubar-root-list .p-menu-separator {
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
- .p-menubar .p-menubar-root-list > .p-menuitem {
+ .p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #495057;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .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 {
- color: #6c757d;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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: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 > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5034,26 +4851,26 @@
transition: transform 0.2s;
transform: rotate(90deg);
}
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 5.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 6.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 8.25rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5064,42 +4881,45 @@
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 #dee2e6;
color: #6c757d;
background: #f8f9fa;
- 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-action {
+ padding: 1.25rem;
+ font-weight: 700;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a:focus {
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .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: #e9ecef;
border-color: #dee2e6;
color: #343a40;
}
-.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: #343a40;
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: #343a40;
@@ -5115,124 +4935,75 @@
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: #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 {
+ 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: #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: #0F766E;
+ background: #F0FDFA;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #0F766E;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #0F766E;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(20, 184, 166, 0.24);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #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 .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+.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:not(.p-disabled):hover .p-menuitem-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-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
-}
-.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 .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: 4px;
}
-.p-slidemenu {
- padding: 0.25rem 0;
- background: #ffffff;
- color: #495057;
- border: 1px solid #dee2e6;
- border-radius: 6px;
- width: 12.5rem;
-}
-.p-slidemenu .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
-}
-.p-slidemenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
-}
-.p-slidemenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #99F6E4;
-}
-.p-slidemenu.p-slidemenu-overlay {
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-.p-slidemenu .p-slidemenu-list {
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
- background: #F0FDFA;
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
- color: #0F766E;
-}
-.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: #0F766E;
-}
-.p-slidemenu .p-slidemenu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0;
-}
-.p-slidemenu .p-slidemenu-icon {
- font-size: 0.875rem;
-}
-.p-slidemenu .p-slidemenu-backward {
- padding: 0.75rem 1.25rem;
- color: #495057;
-}
-
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
@@ -5298,7 +5069,6 @@
border-top-left-radius: 6px;
transition: box-shadow 0.2s;
margin: 0 0 -2px 0;
- height: calc(100% + 2px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
@@ -5327,61 +5097,73 @@
border-radius: 6px;
width: 12.5rem;
}
-.p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
-}
-.p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
-}
-.p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #99F6E4;
-}
.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.25rem 0;
background: #ffffff;
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+ color: #495057;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1.25rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #0F766E;
background: #F0FDFA;
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #0F766E;
}
-.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.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-menu-separator {
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(20, 184, 166, 0.24);
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #495057;
+ background: #dee2e6;
+}
+.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-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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.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: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-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
@@ -5693,9 +5475,6 @@
background: rgba(255, 255, 255, 0.1);
color: #f8f9fa;
}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- transition: box-shadow 0.2s;
-}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
@@ -5769,6 +5548,48 @@
border: 2px solid #ffffff;
}
+.p-badge {
+ background: #14B8A6;
+ color: #ffffff;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #64748B;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #22C55E;
+ color: #ffffff;
+}
+.p-badge.p-badge-info {
+ background-color: #3B82F6;
+ color: #ffffff;
+}
+.p-badge.p-badge-warning {
+ background-color: #F59E0B;
+ color: #ffffff;
+}
+.p-badge.p-badge-danger {
+ background-color: #EF4444;
+ color: #ffffff;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
.p-chip {
background-color: #dee2e6;
color: #495057;
@@ -5790,9 +5611,9 @@
margin-right: 0.5rem;
}
.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
border-radius: 6px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-left: 0.5rem;
}
.p-chip .p-chip-remove-icon:focus {
outline: 0 none;
@@ -5800,6 +5621,37 @@
box-shadow: 0 0 0 0.2rem #99F6E4;
}
+.p-inplace .p-inplace-display {
+ padding: 0.75rem 0.75rem;
+ border-radius: 6px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: #e9ecef;
+ color: #495057;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #99F6E4;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 1.5rem;
+ background: #dee2e6;
+ border-radius: 6px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #14B8A6;
+}
+.p-progressbar .p-progressbar-label {
+ color: #ffffff;
+ line-height: 1.5rem;
+}
+
.p-scrolltop {
width: 3rem;
height: 3rem;
@@ -5855,37 +5707,6 @@
font-size: 0.75rem;
}
-.p-inplace .p-inplace-display {
- padding: 0.75rem 0.75rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: #e9ecef;
- color: #495057;
-}
-.p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #99F6E4;
-}
-
-.p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #dee2e6;
- border-radius: 6px;
-}
-.p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #14B8A6;
-}
-.p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 1.5rem;
-}
-
.p-terminal {
background: #ffffff;
color: #495057;
@@ -5897,73 +5718,6 @@
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
-.p-badge {
- background: #14B8A6;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
-}
-.p-badge.p-badge-secondary {
- background-color: #64748B;
- color: #ffffff;
-}
-.p-badge.p-badge-success {
- background-color: #22C55E;
- color: #ffffff;
-}
-.p-badge.p-badge-info {
- background-color: #3B82F6;
- color: #ffffff;
-}
-.p-badge.p-badge-warning {
- background-color: #F59E0B;
- color: #ffffff;
-}
-.p-badge.p-badge-danger {
- background-color: #EF4444;
- color: #ffffff;
-}
-.p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
-}
-.p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
-}
-
-.p-tag {
- background: #14B8A6;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 6px;
-}
-.p-tag.p-tag-success {
- background-color: #22C55E;
- color: #ffffff;
-}
-.p-tag.p-tag-info {
- background-color: #3B82F6;
- color: #ffffff;
-}
-.p-tag.p-tag-warning {
- background-color: #F59E0B;
- color: #ffffff;
-}
-.p-tag.p-tag-danger {
- background-color: #EF4444;
- color: #ffffff;
-}
-
.p-button-label {
font-weight: 700;
}
@@ -5975,15 +5729,6 @@
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
-.p-tabview .p-tabview-nav .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 2px;
- background-color: #14B8A6;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
-}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #14B8A6;
diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css
new file mode 100644
index 0000000..9d15009
--- /dev/null
+++ b/public/themes/luna-amber/theme.css
@@ -0,0 +1,5733 @@
+:root {
+ --surface-a: #191919;
+ --surface-b: #191919;
+ --surface-c: #4c4c4c;
+ --surface-d: #4b4b4b;
+ --surface-e: #323232;
+ --surface-f: #323232;
+ --text-color: #dedede;
+ --text-color-secondary: #888888;
+ --primary-color: #FFE082;
+ --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-0: #191919;
+ --surface-50: #303030;
+ --surface-100: #474747;
+ --surface-200: #5e5e5e;
+ --surface-300: #757575;
+ --surface-400: #8c8c8c;
+ --surface-500: #a3a3a3;
+ --surface-600: #bababa;
+ --surface-700: #d1d1d1;
+ --surface-800: #e8e8e8;
+ --surface-900: #ffffff;
+ --gray-50: #e8e8e8;
+ --gray-100: #d1d1d1;
+ --gray-200: #bababa;
+ --gray-300: #a3a3a3;
+ --gray-400: #8c8c8c;
+ --gray-500: #757575;
+ --gray-600: #5e5e5e;
+ --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;
+ --focus-ring: 0 0 0 0.1rem white;
+ --maskbg: rgba(0, 0, 0, 0.4);
+ color-scheme: light dark;
+}
+
+* {
+ box-sizing: border-box;
+}
+
+.p-component {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ font-weight: normal;
+}
+
+.p-component-overlay {
+ background-color: rgba(0, 0, 0, 0.4);
+ transition-duration: 0.2s;
+}
+
+.p-disabled, .p-component:disabled {
+ opacity: 0.5;
+}
+
+.p-error {
+ color: #e57373;
+}
+
+.p-text-secondary {
+ color: #888888;
+}
+
+.pi {
+ font-size: 1rem;
+}
+
+.p-link {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ border-radius: 3px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+
+.p-component-overlay-enter {
+ animation: p-component-overlay-enter-animation 150ms forwards;
+}
+
+.p-component-overlay-leave {
+ animation: p-component-overlay-leave-animation 150ms forwards;
+}
+
+@keyframes p-component-overlay-enter-animation {
+ from {
+ background-color: transparent;
+ }
+ to {
+ background-color: var(--maskbg);
+ }
+}
+@keyframes p-component-overlay-leave-animation {
+ from {
+ background-color: var(--maskbg);
+ }
+ to {
+ background-color: transparent;
+ }
+}
+
+:root {
+ --blue-50:#f3f8fc;
+ --blue-100:#c6dcef;
+ --blue-200:#98c1e3;
+ --blue-300:#6ba5d7;
+ --blue-400:#3d8aca;
+ --blue-500:#106ebe;
+ --blue-600:#0e5ea2;
+ --blue-700:#0b4d85;
+ --blue-800:#093d69;
+ --blue-900:#062c4c;
+ --green-50:#f7fbf6;
+ --green-100:#d6ead1;
+ --green-200:#b6d9ad;
+ --green-300:#96c889;
+ --green-400:#76b765;
+ --green-500:#56a641;
+ --green-600:#498d37;
+ --green-700:#3c742e;
+ --green-800:#2f5b24;
+ --green-900:#22421a;
+ --yellow-50:#fffcf5;
+ --yellow-100:#fdefcd;
+ --yellow-200:#fbe3a6;
+ --yellow-300:#f9d67f;
+ --yellow-400:#f8ca57;
+ --yellow-500:#f6bd30;
+ --yellow-600:#d1a129;
+ --yellow-700:#ac8422;
+ --yellow-800:#87681a;
+ --yellow-900:#624c13;
+ --cyan-50:#f4fbfd;
+ --cyan-100:#ccebf5;
+ --cyan-200:#a4dbed;
+ --cyan-300:#7ccce5;
+ --cyan-400:#54bcdd;
+ --cyan-500:#2cacd5;
+ --cyan-600:#2592b5;
+ --cyan-700:#1f7895;
+ --cyan-800:#185f75;
+ --cyan-900:#124555;
+ --pink-50:#fdf4f9;
+ --pink-100:#f6cce0;
+ --pink-200:#eea3c7;
+ --pink-300:#e77aae;
+ --pink-400:#df5296;
+ --pink-500:#d8297d;
+ --pink-600:#b8236a;
+ --pink-700:#971d58;
+ --pink-800:#771745;
+ --pink-900:#561032;
+ --indigo-50:#f4f6fd;
+ --indigo-100:#ccd3f5;
+ --indigo-200:#a4b0ed;
+ --indigo-300:#7c8de5;
+ --indigo-400:#546add;
+ --indigo-500:#2c47d5;
+ --indigo-600:#253cb5;
+ --indigo-700:#1f3295;
+ --indigo-800:#182775;
+ --indigo-900:#121c55;
+ --teal-50:#f6fbfa;
+ --teal-100:#d1eae5;
+ --teal-200:#add9d1;
+ --teal-300:#89c8bd;
+ --teal-400:#65b7a8;
+ --teal-500:#41a694;
+ --teal-600:#378d7e;
+ --teal-700:#2e7468;
+ --teal-800:#245b51;
+ --teal-900:#1a423b;
+ --orange-50:#fff9f5;
+ --orange-100:#fde4cd;
+ --orange-200:#fbcfa6;
+ --orange-300:#f9ba7f;
+ --orange-400:#f8a457;
+ --orange-500:#f68f30;
+ --orange-600:#d17a29;
+ --orange-700:#ac6422;
+ --orange-800:#874f1a;
+ --orange-900:#623913;
+ --bluegray-50:#f7f8f9;
+ --bluegray-100:#dae0e3;
+ --bluegray-200:#bdc7cd;
+ --bluegray-300:#a0aeb6;
+ --bluegray-400:#8295a0;
+ --bluegray-500:#657c8a;
+ --bluegray-600:#566975;
+ --bluegray-700:#475761;
+ --bluegray-800:#38444c;
+ --bluegray-900:#283237;
+ --purple-50:#f9f8fd;
+ --purple-100:#e1dff7;
+ --purple-200:#cac5f1;
+ --purple-300:#b2abeb;
+ --purple-400:#9b92e4;
+ --purple-500:#8378de;
+ --purple-600:#6f66bd;
+ --purple-700:#5c549b;
+ --purple-800:#48427a;
+ --purple-900:#343059;
+ --red-50:#fdf4f3;
+ --red-100:#f6ccc6;
+ --red-200:#eea39a;
+ --red-300:#e77b6d;
+ --red-400:#df5240;
+ --red-500:#d82a13;
+ --red-600:#b82410;
+ --red-700:#971d0d;
+ --red-800:#77170a;
+ --red-900:#561108;
+ --primary-50:#fffdf9;
+ --primary-100:#fff8e1;
+ --primary-200:#fff2c9;
+ --primary-300:#ffecb2;
+ --primary-400:#ffe69a;
+ --primary-500:#ffe082;
+ --primary-600:#d9be6f;
+ --primary-700:#b39d5b;
+ --primary-800:#8c7b48;
+ --primary-900:#665a34;
+}
+
+.p-autocomplete .p-autocomplete-loader {
+ right: 0.429rem;
+}
+.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
+ right: 2.786rem;
+}
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
+ border-color: #FFE082;
+}
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #FFE082;
+}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.2145rem 0.429rem;
+ gap: 0.5rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.2145rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #dedede;
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.2145rem 0.429rem;
+ background: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #464646;
+ color: #dedede;
+}
+.p-autocomplete.p-invalid.p-component > .p-inputtext {
+ border-color: #e57373;
+}
+
+.p-autocomplete-panel {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-autocomplete-panel .p-autocomplete-items {
+ padding: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #212529;
+ background: #FFE082;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: #ffe081;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+}
+
+.p-calendar.p-invalid.p-component > .p-inputtext {
+ border-color: #e57373;
+}
+
+.p-datepicker {
+ padding: 0.857rem;
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #4b4b4b;
+ border-radius: 3px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #323232;
+ border: 1px solid #191919;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #252525;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: #dedede;
+ background: #323232;
+ font-weight: 700;
+ margin: 0;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.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: #dedede;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ font-weight: 700;
+ padding: 0.5rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
+ color: #FFE082;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.857rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #212529;
+ background: #FFE082;
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: #FFCA28;
+ color: #212529;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #212529;
+ background: #FFE082;
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 0.857rem 0 0.429rem 0;
+ border-top: 1px solid #4b4b4b;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #4b4b4b;
+ padding: 0.857rem 0 0.429rem 0;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ 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: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.286rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.429rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.857rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #212529;
+ background: #FFE082;
+}
+.p-datepicker .p-yearpicker {
+ margin: 0.857rem 0;
+}
+.p-datepicker .p-yearpicker .p-yearpicker-year {
+ padding: 0.5rem;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
+ color: #212529;
+ background: #FFE082;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-left: 1px solid #4b4b4b;
+ padding-right: 0.857rem;
+ padding-left: 0.857rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+ border-left: 0 none;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.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.1rem white;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
+ background: #4c4c4c;
+}
+.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.1rem white;
+}
+.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
+ background: #4c4c4c;
+}
+.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.1rem white;
+}
+
+@media screen and (max-width: 769px) {
+ .p-datepicker table th, .p-datepicker table td {
+ padding: 0;
+ }
+}
+.p-cascadeselect {
+ background: #191919;
+ border: 1px solid #4b4b4b;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ 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;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.429rem 0.429rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: #9b9b9b;
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: #888888;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #e57373;
+}
+
+.p-cascadeselect-panel {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #212529;
+ background: #FFE082;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: #ffe081;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.429rem 0.857rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
+
+.p-input-filled .p-cascadeselect {
+ background: #4b4b4b;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #4b4b4b;
+}
+
+.p-checkbox {
+ width: 20px;
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 1px solid #4b4b4b;
+ background: #191919;
+ width: 20px;
+ height: 20px;
+ color: #dedede;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #212529;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #FFE082;
+ background: #FFE082;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ 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;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #FFCA28;
+ background: #FFCA28;
+ color: #212529;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #e57373;
+}
+
+.p-input-filled .p-checkbox .p-checkbox-box {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ 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;
+}
+
+.p-highlight .p-checkbox .p-checkbox-box {
+ border-color: #212529;
+}
+
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
+ border-color: #FFE082;
+}
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #FFE082;
+}
+.p-chips .p-chips-multiple-container {
+ padding: 0.2145rem 0.429rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #464646;
+ color: #dedede;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.2145rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #dedede;
+ padding: 0;
+ margin: 0;
+}
+.p-chips.p-invalid.p-component > .p-inputtext {
+ border-color: #e57373;
+}
+
+.p-colorpicker-preview {
+ width: 2rem;
+ height: 2rem;
+}
+
+.p-colorpicker-panel {
+ background: #323232;
+ border: 1px solid #191919;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
+
+.p-colorpicker-overlay-panel {
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+
+.p-dropdown {
+ background: #191919;
+ border: 1px solid #4b4b4b;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ 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;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.429rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: #9b9b9b;
+}
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: #888888;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: #888888;
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #e57373;
+}
+
+.p-dropdown-panel {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-dropdown-panel .p-dropdown-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #191919;
+ color: #dedede;
+ background: #252525;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.429rem;
+ margin-right: -1.429rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.429rem;
+ color: #888888;
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #212529;
+ background: #FFE082;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: #ffe081;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #dedede;
+ background: transparent;
+}
+
+.p-input-filled .p-dropdown {
+ background: #4b4b4b;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+ background-color: transparent;
+}
+
+.p-editor-container .p-editor-toolbar {
+ background: #191919;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #191919;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: #888888;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: #888888;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: #888888;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #323232;
+ border: 1px solid #191919;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+ padding: 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.429rem 0.857rem;
+}
+.p-editor-container .p-editor-content {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #191919;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #191919;
+ color: #dedede;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover,
+.p-editor-container .ql-snow.ql-toolbar button:focus {
+ color: #dedede;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: #dedede;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: #dedede;
+}
+.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;
+}
+.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;
+}
+.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;
+}
+.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;
+}
+
+.p-inputgroup-addon {
+ background: #252525;
+ color: #888888;
+ border-top: 1px solid #4b4b4b;
+ border-left: 1px solid #4b4b4b;
+ border-bottom: 1px solid #4b4b4b;
+ padding: 0.429rem 0.429rem;
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #4b4b4b;
+}
+
+.p-inputgroup > .p-component,
+.p-inputgroup > .p-inputwrapper > .p-inputtext,
+.p-inputgroup > .p-float-label > .p-component {
+ border-radius: 0;
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
+
+.p-inputgroup-addon:first-child,
+.p-inputgroup button:first-child,
+.p-inputgroup input:first-child,
+.p-inputgroup > .p-inputwrapper:first-child,
+.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+
+.p-inputgroup .p-float-label:first-child input {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+
+.p-inputgroup-addon:last-child,
+.p-inputgroup button:last-child,
+.p-inputgroup input:last-child,
+.p-inputgroup > .p-inputwrapper:last-child,
+.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+.p-inputgroup .p-float-label:last-child input {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+.p-fluid .p-inputgroup .p-button {
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
+
+.p-inputnumber.p-invalid.p-component > .p-inputtext {
+ border-color: #e57373;
+}
+
+.p-inputswitch {
+ width: 3rem;
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #4b4b4b;
+ 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: #323232;
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #4b4b4b;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ 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;
+}
+.p-inputswitch.p-invalid {
+ border-color: #e57373;
+}
+
+.p-inputtext {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #dedede;
+ background: #191919;
+ padding: 0.429rem 0.429rem;
+ border: 1px solid #4b4b4b;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ appearance: none;
+ border-radius: 3px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #FFE082;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #FFE082;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #e57373;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.375375rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 0.53625rem;
+}
+
+.p-float-label > label {
+ left: 0.429rem;
+ color: #9b9b9b;
+ transition-duration: 0.2s;
+}
+
+.p-float-label > .p-invalid + label {
+ color: #e57373;
+}
+
+.p-input-icon-left > i:first-of-type {
+ left: 0.429rem;
+ color: #888888;
+}
+
+.p-input-icon-left > .p-inputtext {
+ padding-left: 1.858rem;
+}
+
+.p-input-icon-left.p-float-label > label {
+ left: 1.858rem;
+}
+
+.p-input-icon-right > i:last-of-type {
+ right: 0.429rem;
+ color: #888888;
+}
+
+.p-input-icon-right > .p-inputtext {
+ padding-right: 1.858rem;
+}
+
+::-webkit-input-placeholder {
+ color: #9b9b9b;
+}
+
+:-moz-placeholder {
+ color: #9b9b9b;
+}
+
+::-moz-placeholder {
+ color: #9b9b9b;
+}
+
+:-ms-input-placeholder {
+ color: #9b9b9b;
+}
+
+.p-input-filled .p-inputtext {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #4b4b4b;
+}
+
+.p-inputtext-sm .p-inputtext {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.375375rem;
+}
+
+.p-inputtext-lg .p-inputtext {
+ font-size: 1.25rem;
+ padding: 0.53625rem 0.53625rem;
+}
+
+.p-listbox {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #4b4b4b;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #191919;
+ color: #dedede;
+ background: #252525;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.429rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.429rem;
+ color: #888888;
+}
+.p-listbox .p-listbox-list {
+ padding: 0;
+ outline: 0 none;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #212529;
+ background: #FFE082;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #dedede;
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: #ffe081;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #FFE082;
+}
+.p-listbox.p-invalid {
+ border-color: #e57373;
+}
+
+.p-multiselect {
+ background: #191919;
+ border: 1px solid #4b4b4b;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ 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;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: #9b9b9b;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: #888888;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #e57373;
+}
+
+.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
+ padding: 0.2145rem 0.429rem;
+}
+
+.p-multiselect-panel {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-multiselect-panel .p-multiselect-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #191919;
+ color: #dedede;
+ background: #252525;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.429rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.429rem;
+ color: #888888;
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ 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: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #212529;
+ background: #FFE082;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: #ffe081;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #dedede;
+ background: transparent;
+}
+
+.p-input-filled .p-multiselect {
+ background: #4b4b4b;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #4b4b4b;
+}
+
+.p-password.p-invalid.p-component > .p-inputtext {
+ border-color: #e57373;
+}
+
+.p-password-panel {
+ padding: 0.571rem 1rem;
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #eaeaea;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #E57373;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #FFB74D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #AED581;
+}
+
+.p-radiobutton {
+ width: 20px;
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 1px solid #4b4b4b;
+ background: #191919;
+ width: 20px;
+ height: 20px;
+ color: #dedede;
+ 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: #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;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.2s;
+ background-color: #212529;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #FFE082;
+ background: #FFE082;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #FFCA28;
+ background: #FFCA28;
+ color: #212529;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #e57373;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
+
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #FFE082;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #FFCA28;
+}
+
+.p-highlight .p-radiobutton .p-radiobutton-box {
+ border-color: #212529;
+}
+
+.p-rating {
+ gap: 0.5rem;
+}
+.p-rating .p-rating-item .p-rating-icon {
+ color: #dedede;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
+ color: #e4018d;
+}
+.p-rating .p-rating-item.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #FFE082;
+}
+.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
+ color: #FFE082;
+}
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
+ color: #FFE082;
+}
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
+ color: #b5019f;
+}
+
+.p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
+ color: #212529;
+}
+
+.p-selectbutton .p-button {
+ background: #252525;
+ border: 1px solid #252525;
+ color: #dedede;
+ 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: #888888;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #4c4c4c;
+ border-color: #4c4c4c;
+ color: #dedede;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #dedede;
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #FFE082;
+ border-color: #FFE082;
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #FFD54F;
+ border-color: #FFD54F;
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #212529;
+}
+.p-selectbutton.p-invalid > .p-button {
+ border-color: #e57373;
+}
+
+.p-slider {
+ background: #4b4b4b;
+ border: 0 none;
+ border-radius: 3px;
+}
+.p-slider.p-slider-horizontal {
+ height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -0.5715rem;
+ margin-left: -0.5715rem;
+}
+.p-slider.p-slider-vertical {
+ width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -0.5715rem;
+ margin-bottom: -0.5715rem;
+}
+.p-slider .p-slider-handle {
+ height: 1.143rem;
+ width: 1.143rem;
+ background: #4c4c4c;
+ border: 2px solid #FFE082;
+ border-radius: 100%;
+ 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.1rem white;
+}
+.p-slider .p-slider-range {
+ background: #FFE082;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: #FFE082;
+ border-color: #FFE082;
+}
+
+.p-treeselect {
+ background: #191919;
+ border: 1px solid #4b4b4b;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ 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;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: #9b9b9b;
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: #888888;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #e57373;
+}
+
+.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
+ padding: 0.2145rem 0.429rem;
+}
+
+.p-treeselect-panel {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.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.429rem 0.857rem;
+ color: #dedede;
+ background: transparent;
+}
+
+.p-input-filled .p-treeselect {
+ background: #4b4b4b;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #4b4b4b;
+}
+
+.p-togglebutton.p-button {
+ background: #252525;
+ border: 1px solid #252525;
+ color: #dedede;
+ 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: #888888;
+}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #FFE082;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #4c4c4c;
+ border-color: #4c4c4c;
+ color: #dedede;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #dedede;
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #FFE082;
+ border-color: #FFE082;
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #FFD54F;
+ border-color: #FFD54F;
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #212529;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #e57373;
+}
+
+.p-button {
+ color: #212529;
+ 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:enabled:hover {
+ background: #FFD54F;
+ color: #212529;
+ border-color: #FFD54F;
+}
+.p-button:enabled:active {
+ background: #FFCA28;
+ color: #212529;
+ border-color: #FFCA28;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFE082;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 224, 130, 0.04);
+ color: #FFE082;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 224, 130, 0.16);
+ color: #FFE082;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: #888888;
+ border-color: #888888;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: #4c4c4c;
+ color: #888888;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: #3c3c3c;
+ color: #888888;
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #FFE082;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(255, 224, 130, 0.04);
+ color: #FFE082;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(255, 224, 130, 0.16);
+ color: #FFE082;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: #888888;
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: #4c4c4c;
+ color: #888888;
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: #3c3c3c;
+ color: #888888;
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #FFE082;
+ background-color: #212529;
+}
+.p-button.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.429rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
+
+.p-fluid .p-button {
+ width: 100%;
+}
+.p-fluid .p-button-icon-only {
+ width: 2.357rem;
+}
+.p-fluid .p-buttonset {
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
+
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ color: #121212;
+ background: #B0BEC5;
+ border: 1px solid #B0BEC5;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #90A4AE;
+ color: #121212;
+ border-color: #90A4AE;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #CFD8DC;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #78909C;
+ color: #121212;
+ border-color: #78909C;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #B0BEC5;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(176, 190, 197, 0.04);
+ color: #B0BEC5;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(176, 190, 197, 0.16);
+ color: #B0BEC5;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #B0BEC5;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(176, 190, 197, 0.04);
+ border-color: transparent;
+ color: #B0BEC5;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(176, 190, 197, 0.16);
+ border-color: transparent;
+ color: #B0BEC5;
+}
+
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ color: #212529;
+ background: #4FC3F7;
+ border: 1px solid #4FC3F7;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #29B6F6;
+ color: #212529;
+ border-color: #29B6F6;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #E1F5FE;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #03A9F4;
+ color: #212529;
+ border-color: #03A9F4;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #4FC3F7;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(79, 195, 247, 0.04);
+ color: #4FC3F7;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(79, 195, 247, 0.16);
+ color: #4FC3F7;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #4FC3F7;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(79, 195, 247, 0.04);
+ border-color: transparent;
+ color: #4FC3F7;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(79, 195, 247, 0.16);
+ border-color: transparent;
+ color: #4FC3F7;
+}
+
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ color: #212529;
+ background: #AED581;
+ border: 1px solid #AED581;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #9CCC65;
+ color: #212529;
+ border-color: #9CCC65;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #F1F8E9;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: #8BC34A;
+ color: #212529;
+ border-color: #8BC34A;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #AED581;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(174, 213, 129, 0.04);
+ color: #AED581;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(174, 213, 129, 0.16);
+ color: #AED581;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #AED581;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(174, 213, 129, 0.04);
+ border-color: transparent;
+ color: #AED581;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(174, 213, 129, 0.16);
+ border-color: transparent;
+ color: #AED581;
+}
+
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ color: #212529;
+ background: #FFB74D;
+ border: 1px solid #FFB74D;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #FFA726;
+ color: #212529;
+ border-color: #FFA726;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #FFFDE7;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #FF9800;
+ color: #212529;
+ border-color: #FF9800;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFB74D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 183, 77, 0.04);
+ color: #FFB74D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 183, 77, 0.16);
+ color: #FFB74D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #FFB74D;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 183, 77, 0.04);
+ border-color: transparent;
+ color: #FFB74D;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 183, 77, 0.16);
+ border-color: transparent;
+ color: #FFB74D;
+}
+
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ color: #121212;
+ background: #CE93D8;
+ border: 1px solid #CE93D8;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #BA68C8;
+ color: #121212;
+ border-color: #BA68C8;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #CE93D8;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #AB47BC;
+ color: #121212;
+ border-color: #AB47BC;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ border-color: transparent;
+ color: #CE93D8;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ border-color: transparent;
+ color: #CE93D8;
+}
+
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ color: #212529;
+ background: #E57373;
+ border: 1px solid #E57373;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #EF5350;
+ color: #212529;
+ border-color: #EF5350;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #FFEBEE;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #F44336;
+ color: #212529;
+ border-color: #F44336;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #E57373;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(229, 115, 115, 0.04);
+ color: #E57373;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(229, 115, 115, 0.16);
+ color: #E57373;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #E57373;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(229, 115, 115, 0.04);
+ border-color: transparent;
+ color: #E57373;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(229, 115, 115, 0.16);
+ border-color: transparent;
+ color: #E57373;
+}
+
+.p-button.p-button-link {
+ color: #FFE082;
+ background: transparent;
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #FFE082;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 0.2rem white;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #FFE082;
+ border-color: transparent;
+}
+
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: #474747;
+ color: #fff;
+}
+.p-speeddial-action:hover {
+ background: #4d4d4d;
+ color: #fff;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
+.p-splitbutton {
+ border-radius: 3px;
+}
+.p-splitbutton.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #FFE082;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(255, 224, 130, 0.04);
+ color: #FFE082;
+}
+.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(255, 224, 130, 0.16);
+ color: #FFE082;
+}
+.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
+ color: #888888;
+ border-color: #888888;
+}
+.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: #4c4c4c;
+ color: #888888;
+}
+.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: #3c3c3c;
+ color: #888888;
+}
+.p-splitbutton.p-button-text > .p-button {
+ background-color: transparent;
+ color: #FFE082;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(255, 224, 130, 0.04);
+ color: #FFE082;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(255, 224, 130, 0.16);
+ color: #FFE082;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-text.p-button-plain > .p-button {
+ color: #888888;
+}
+.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: #4c4c4c;
+ color: #888888;
+}
+.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: #3c3c3c;
+ color: #888888;
+}
+.p-splitbutton.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-splitbutton.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-splitbutton.p-button-rounded > .p-button {
+ border-radius: 2rem;
+}
+.p-splitbutton.p-button-sm > .p-button {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.875rem;
+}
+.p-splitbutton.p-button-sm > .p-button .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-splitbutton.p-button-lg > .p-button {
+ font-size: 1.25rem;
+ padding: 0.53625rem 1.25rem;
+}
+.p-splitbutton.p-button-lg > .p-button .p-button-icon {
+ font-size: 1.25rem;
+}
+
+.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #B0BEC5;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(176, 190, 197, 0.04);
+ color: #B0BEC5;
+}
+.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(176, 190, 197, 0.16);
+ color: #B0BEC5;
+}
+.p-splitbutton.p-button-secondary.p-button-text > .p-button {
+ background-color: transparent;
+ color: #B0BEC5;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(176, 190, 197, 0.04);
+ border-color: transparent;
+ color: #B0BEC5;
+}
+.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(176, 190, 197, 0.16);
+ border-color: transparent;
+ color: #B0BEC5;
+}
+
+.p-splitbutton.p-button-info.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #4FC3F7;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(79, 195, 247, 0.04);
+ color: #4FC3F7;
+}
+.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(79, 195, 247, 0.16);
+ color: #4FC3F7;
+}
+.p-splitbutton.p-button-info.p-button-text > .p-button {
+ background-color: transparent;
+ color: #4FC3F7;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(79, 195, 247, 0.04);
+ border-color: transparent;
+ color: #4FC3F7;
+}
+.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(79, 195, 247, 0.16);
+ border-color: transparent;
+ color: #4FC3F7;
+}
+
+.p-splitbutton.p-button-success.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #AED581;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(174, 213, 129, 0.04);
+ color: #AED581;
+}
+.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(174, 213, 129, 0.16);
+ color: #AED581;
+}
+.p-splitbutton.p-button-success.p-button-text > .p-button {
+ background-color: transparent;
+ color: #AED581;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(174, 213, 129, 0.04);
+ border-color: transparent;
+ color: #AED581;
+}
+.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(174, 213, 129, 0.16);
+ border-color: transparent;
+ color: #AED581;
+}
+
+.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #FFB74D;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(255, 183, 77, 0.04);
+ color: #FFB74D;
+}
+.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(255, 183, 77, 0.16);
+ color: #FFB74D;
+}
+.p-splitbutton.p-button-warning.p-button-text > .p-button {
+ background-color: transparent;
+ color: #FFB74D;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(255, 183, 77, 0.04);
+ border-color: transparent;
+ color: #FFB74D;
+}
+.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(255, 183, 77, 0.16);
+ border-color: transparent;
+ color: #FFB74D;
+}
+
+.p-splitbutton.p-button-help.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(206, 147, 216, 0.04);
+ color: #CE93D8;
+}
+.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+}
+.p-splitbutton.p-button-help.p-button-text > .p-button {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(206, 147, 216, 0.04);
+ border-color: transparent;
+ color: #CE93D8;
+}
+.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(206, 147, 216, 0.16);
+ border-color: transparent;
+ color: #CE93D8;
+}
+
+.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #E57373;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(229, 115, 115, 0.04);
+ color: #E57373;
+}
+.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(229, 115, 115, 0.16);
+ color: #E57373;
+}
+.p-splitbutton.p-button-danger.p-button-text > .p-button {
+ background-color: transparent;
+ color: #E57373;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(229, 115, 115, 0.04);
+ border-color: transparent;
+ color: #E57373;
+}
+.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(229, 115, 115, 0.16);
+ border-color: transparent;
+ color: #E57373;
+}
+
+.p-carousel .p-carousel-content .p-carousel-prev,
+.p-carousel .p-carousel-content .p-carousel-next {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-carousel .p-carousel-indicators {
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #4b4b4b;
+ 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: #4c4c4c;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: #FFE082;
+ color: #212529;
+}
+
+.p-datatable .p-paginator-top {
+ border-width: 1px 1px 0 1px;
+ border-radius: 0;
+}
+.p-datatable .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+ border-radius: 0;
+}
+.p-datatable .p-datatable-header {
+ background: #191919;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-width: 1px 1px 0 1px;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-datatable .p-datatable-footer {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-width: 0 1px 1px 1px;
+ padding: 0.571rem 1rem;
+ font-weight: normal;
+}
+.p-datatable .p-datatable-thead > tr > th {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #191919;
+ border-width: 1px 1px 1px 1px;
+ font-weight: 700;
+ color: #dedede;
+ background: #252525;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tfoot > tr > td {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #191919;
+ border-width: 1px;
+ font-weight: 700;
+ color: #dedede;
+ background: #252525;
+}
+.p-datatable .p-sortable-column .p-sortable-column-icon {
+ color: #888888;
+ margin-left: 0.5rem;
+}
+.p-datatable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #212529;
+ background: #FFE082;
+ margin-left: 0.5rem;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #dedede;
+}
+.p-datatable .p-sortable-column.p-highlight {
+ background: #FFE082;
+ color: #212529;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #212529;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: #FFE082;
+ color: #212529;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #212529;
+}
+.p-datatable .p-sortable-column:focus {
+ box-shadow: inset 0 0 0 0.15rem white;
+ outline: 0 none;
+}
+.p-datatable .p-datatable-tbody > tr {
+ background: #323232;
+ color: #dedede;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #191919;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 700;
+}
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid white;
+ outline-offset: -0.15rem;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: #FFE082;
+ color: #212529;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ 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;
+}
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-datatable .p-column-resizer-helper {
+ background: #FFE082;
+}
+.p-datatable .p-datatable-scrollable-header,
+.p-datatable .p-datatable-scrollable-footer {
+ background: #191919;
+}
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-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: #252525;
+}
+.p-datatable .p-datatable-loading-icon {
+ font-size: 2rem;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-header {
+ border-width: 1px 1px 0 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-footer {
+ border-width: 0 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-paginator-top {
+ border-width: 0 1px 0 1px;
+}
+.p-datatable.p-datatable-gridlines .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
+ border-width: 1px 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
+ border-width: 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
+ border-width: 1px;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
+ background: #323232;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: #FFE082;
+ color: #212529;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #212529;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #212529;
+}
+.p-datatable.p-datatable-sm .p-datatable-header {
+ padding: 0.72845rem 0.85rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
+ padding: 0.48535rem 0.85rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-footer {
+ padding: 0.48535rem 0.85rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-header {
+ padding: 1.07125rem 1.25rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
+ padding: 0.71375rem 1.25rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-footer {
+ padding: 0.71375rem 1.25rem;
+}
+
+.p-dataview .p-paginator-top {
+ border-width: 1px 1px 0 1px;
+ border-radius: 0;
+}
+.p-dataview .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+ border-radius: 0;
+}
+.p-dataview .p-dataview-header {
+ background: #191919;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-width: 1px 1px 0 1px;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-dataview .p-dataview-content {
+ background: #323232;
+ color: #dedede;
+ border: 0 none;
+ padding: 0;
+}
+.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
+ border: 1px solid #4b4b4b;
+ border-width: 1px;
+}
+.p-dataview .p-dataview-footer {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-width: 0 1px 1px 1px;
+ padding: 0.571rem 1rem;
+ font-weight: normal;
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+.p-column-filter-row .p-column-filter-menu-button,
+.p-column-filter-row .p-column-filter-clear-button {
+ margin-left: 0.5rem;
+}
+
+.p-column-filter-menu-button {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: transparent;
+ 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;
+ color: #212529;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+
+.p-column-filter-clear-button {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+
+.p-column-filter-overlay {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #212529;
+ 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;
+ background: #4c4c4c;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem white;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+
+.p-column-filter-overlay-menu .p-column-filter-operator {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #191919;
+ color: #dedede;
+ background: #252525;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint {
+ padding: 0.571rem 1rem;
+ border-bottom: 1px solid #4b4b4b;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
+.p-column-filter-overlay-menu .p-column-filter-add-rule {
+ padding: 0.571rem 1rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-buttonbar {
+ padding: 0.571rem 1rem;
+}
+
+.fc {
+ /* FullCalendar 4 */
+ /* FullCalendar 5 */
+}
+.fc.fc-unthemed .fc-view-container th {
+ background: #191919;
+ border: 1px solid #191919;
+ color: #dedede;
+}
+.fc.fc-unthemed .fc-view-container td.fc-widget-content {
+ border: 1px solid #191919;
+ color: #dedede;
+}
+.fc.fc-unthemed .fc-view-container td.fc-head-container {
+ border: 1px solid #191919;
+}
+.fc.fc-unthemed .fc-view-container .fc-view {
+ background: #323232;
+}
+.fc.fc-unthemed .fc-view-container .fc-row {
+ border-right: 1px solid #191919;
+}
+.fc.fc-unthemed .fc-view-container .fc-event {
+ background: #FFD54F;
+ border: 1px solid #FFD54F;
+ color: #212529;
+}
+.fc.fc-unthemed .fc-view-container .fc-divider {
+ background: #191919;
+ border: 1px solid #191919;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button {
+ color: #212529;
+ background: #FFE082;
+ border: 1px solid #FFE082;
+ font-size: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+ display: flex;
+ align-items: center;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover {
+ background: #FFD54F;
+ color: #212529;
+ border-color: #FFD54F;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active {
+ background: #FFCA28;
+ color: #212529;
+ border-color: #FFCA28;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "\e900";
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "\e901";
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #252525;
+ border: 1px solid #252525;
+ color: #dedede;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #4c4c4c;
+ border-color: #4c4c4c;
+ color: #dedede;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #FFE082;
+ border-color: #FFE082;
+ color: #212529;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #FFD54F;
+ border-color: #FFD54F;
+ color: #212529;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ z-index: 1;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button {
+ border-radius: 0;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid {
+ border-color: #191919;
+}
+.fc.fc-theme-standard .fc-view-harness th {
+ background: #191919;
+ border-color: #191919;
+ color: #dedede;
+}
+.fc.fc-theme-standard .fc-view-harness td {
+ color: #dedede;
+ border-color: #191919;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-view {
+ background: #323232;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover {
+ background: none;
+ border: 0 none;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header {
+ border: 1px solid #191919;
+ padding: 0.857rem 1rem;
+ background: #191919;
+ color: #dedede;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close {
+ opacity: 1;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ overflow: hidden;
+ font-family: "PrimeIcons" !important;
+ font-size: 1rem;
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before {
+ content: "\e90b";
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body {
+ padding: 0.571rem 1rem;
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ border-top: 0 none;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
+ color: #212529;
+ background: #FFD54F;
+ border-color: #FFD54F;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main {
+ color: #212529;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot {
+ background: #FFD54F;
+ border-color: #FFD54F;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
+ background: #191919;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button {
+ color: #212529;
+ background: #FFE082;
+ border: 1px solid #FFE082;
+ font-size: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
+ background: #FFD54F;
+ color: #212529;
+ border-color: #FFD54F;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active {
+ background: #FFCA28;
+ color: #212529;
+ border-color: #FFCA28;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:disabled {
+ opacity: 0.5;
+ color: #212529;
+ background: #FFE082;
+ border: 1px solid #FFE082;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "\e900";
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "\e901";
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #252525;
+ border: 1px solid #252525;
+ color: #dedede;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #4c4c4c;
+ border-color: #4c4c4c;
+ color: #dedede;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #FFE082;
+ border-color: #FFE082;
+ color: #212529;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #FFD54F;
+ border-color: #FFD54F;
+ color: #212529;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ z-index: 1;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button {
+ border-radius: 0;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.fc.fc-theme-standard .fc-highlight {
+ color: #212529;
+ background: #FFE082;
+}
+
+.p-orderlist .p-orderlist-controls {
+ padding: 0.571rem 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
+.p-orderlist .p-orderlist-header {
+ background: #191919;
+ color: #dedede;
+ border: 1px solid #191919;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list {
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ padding: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem white;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #212529;
+ background: #FFE082;
+}
+.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
+ background: #323232;
+}
+.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
+ background: #4c4c4c;
+}
+
+.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight {
+ background: #FFE082;
+ color: #212529;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: #ffc003;
+}
+.p-organizationchart .p-organizationchart-line-down {
+ background: #191919;
+}
+.p-organizationchart .p-organizationchart-line-left {
+ border-right: 1px solid #191919;
+ border-color: #191919;
+}
+.p-organizationchart .p-organizationchart-line-top {
+ border-top: 1px solid #191919;
+ border-color: #191919;
+}
+.p-organizationchart .p-organizationchart-node-content {
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ padding: 0.571rem 1rem;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
+ background: inherit;
+ color: inherit;
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+
+.p-paginator {
+ background: #252525;
+ color: #dedede;
+ border: solid #191919;
+ border-width: 1px;
+ padding: 0;
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: #dedede;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: #e0e0e0;
+ border-color: transparent;
+ color: #4c4c4c;
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.357rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-page-input {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+}
+.p-paginator .p-paginator-page-input .p-inputtext {
+ max-width: 2.357rem;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: #dedede;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: #dedede;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: #FFE082;
+ border-color: #FFE082;
+ color: #212529;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: #e0e0e0;
+ border-color: transparent;
+ color: #4c4c4c;
+}
+
+.p-picklist .p-picklist-buttons {
+ padding: 0.571rem 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
+.p-picklist .p-picklist-header {
+ background: #191919;
+ color: #dedede;
+ border: 1px solid #191919;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-picklist .p-picklist-list {
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ padding: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem white;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #212529;
+ background: #FFE082;
+}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: #323232;
+}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: #4c4c4c;
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 0 none;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #FFE082;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #191919;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
+.p-tree {
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ padding: 0.571rem 1rem;
+ border-radius: 3px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ padding: 0;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ 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: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: #888888;
+}
+.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: #dedede;
+}
+.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 white;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: #FFE082;
+ color: #212529;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #212529;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #212529;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.429rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.429rem;
+ color: #888888;
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
+
+.p-treetable .p-paginator-top {
+ border-width: 1px 1px 0 1px;
+ border-radius: 0;
+}
+.p-treetable .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+ border-radius: 0;
+}
+.p-treetable .p-treetable-header {
+ background: #191919;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-width: 1px 1px 0 1px;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-treetable .p-treetable-footer {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-width: 0 1px 1px 1px;
+ padding: 0.571rem 1rem;
+ font-weight: normal;
+}
+.p-treetable .p-treetable-thead > tr > th {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #191919;
+ border-width: 1px 1px 1px 1px;
+ font-weight: 700;
+ color: #dedede;
+ background: #252525;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treetable .p-treetable-tfoot > tr > td {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #191919;
+ border-width: 1px;
+ font-weight: 700;
+ color: #dedede;
+ background: #252525;
+}
+.p-treetable .p-sortable-column {
+ outline-color: white;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: #888888;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #212529;
+ background: #FFE082;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #dedede;
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #FFE082;
+ color: #212529;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #212529;
+}
+.p-treetable .p-treetable-tbody > tr {
+ background: #323232;
+ color: #dedede;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #191919;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.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: #dedede;
+}
+.p-treetable .p-treetable-tbody > tr:focus {
+ outline: 0.15rem solid white;
+ outline-offset: -0.15rem;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: #FFE082;
+ color: #212529;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #212529;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #212529;
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: #dedede;
+}
+.p-treetable .p-column-resizer-helper {
+ background: #FFE082;
+}
+.p-treetable .p-treetable-scrollable-header,
+.p-treetable .p-treetable-scrollable-footer {
+ background: #191919;
+}
+.p-treetable .p-treetable-loading-icon {
+ font-size: 2rem;
+}
+.p-treetable.p-treetable-gridlines .p-datatable-header {
+ border-width: 1px 1px 0 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-footer {
+ border-width: 0 1px 1px 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-top {
+ border-width: 0 1px 0 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-bottom {
+ border-width: 0 1px 1px 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
+ border-width: 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
+ border-width: 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
+ border-width: 1px;
+}
+.p-treetable.p-treetable-sm .p-treetable-header {
+ padding: 0.749875rem 0.875rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
+ padding: 0.48535rem 0.85rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-footer {
+ padding: 0.48535rem 0.85rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-header {
+ padding: 1.07125rem 1.25rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
+ padding: 0.71375rem 1.25rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-footer {
+ padding: 0.71375rem 1.25rem;
+}
+
+.p-accordion .p-accordion-header .p-accordion-header-link {
+ padding: 0.857rem 1rem;
+ 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-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
+.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.1rem white;
+}
+.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
+ background: #191919;
+ border-color: #191919;
+ color: #FFE082;
+}
+.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
+ 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;
+ color: #212529;
+}
+.p-accordion .p-accordion-content {
+ padding: 0.571rem 1rem;
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ border-top: 0;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-accordion .p-accordion-tab {
+ margin-bottom: 2px;
+}
+
+.p-card {
+ background: #323232;
+ color: #dedede;
+ 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: 3px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+ color: #888888;
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
+
+.p-fieldset {
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ border-radius: 3px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 0.857rem 1rem;
+ border: 1px solid #191919;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+ border-radius: 3px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 0.857rem 1rem;
+ color: #dedede;
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: #FFE082;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: #191919;
+ border-color: #191919;
+ color: #FFE082;
+}
+.p-fieldset .p-fieldset-content {
+ padding: 0.571rem 1rem;
+}
+
+.p-divider .p-divider-content {
+ background-color: #323232;
+}
+.p-divider.p-divider-horizontal {
+ margin: 1rem 0;
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #4b4b4b;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
+.p-divider.p-divider-vertical {
+ margin: 0 1rem;
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #4b4b4b;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
+
+.p-panel .p-panel-header {
+ border: 1px solid #191919;
+ padding: 0.857rem 1rem;
+ background: #191919;
+ color: #dedede;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 700;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ 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: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-panel.p-panel-toggleable .p-panel-header {
+ padding: 0.857rem 1rem;
+}
+.p-panel .p-panel-content {
+ padding: 0.571rem 1rem;
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+ border-top: 0 none;
+}
+.p-panel .p-panel-footer {
+ padding: 0.571rem 1rem;
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ border-top: 0 none;
+}
+
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #3f3f3f;
+ border: 0 none;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+
+.p-splitter {
+ border: 1px solid #191919;
+ background: #323232;
+ border-radius: 3px;
+ color: #dedede;
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: #191919;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #4b4b4b;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #4b4b4b;
+}
+
+.p-tabview .p-tabview-nav {
+ background: transparent;
+ border: 0 none;
+ border-width: 1px;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 2px;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: 1px solid #191919;
+ border-width: 1px;
+ border-color: #191919;
+ background: #191919;
+ color: #dedede;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.1rem white;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #191919;
+ border-color: #191919;
+ color: #FFE082;
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #FFE082;
+ border-color: #FFE082;
+ color: #212529;
+}
+.p-tabview .p-tabview-nav-btn.p-link {
+ 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);
+ border-radius: 0;
+}
+.p-tabview .p-tabview-nav-btn.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.1rem white;
+}
+.p-tabview .p-tabview-panels {
+ background: #323232;
+ padding: 0.571rem 1rem;
+ border: 1px solid #191919;
+ color: #dedede;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+
+.p-toolbar {
+ background: #191919;
+ border: 1px solid #191919;
+ padding: 0.857rem 1rem;
+ border-radius: 3px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
+
+.p-confirm-popup {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-confirm-popup .p-confirm-popup-content {
+ padding: 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1rem 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(50, 50, 50, 0);
+ border-bottom-color: #323232;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(25, 25, 25, 0);
+ border-bottom-color: #191919;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #323232;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #191919;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
+
+.p-dialog {
+ border-radius: 3px;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+ border: 1px solid #191919;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 1px solid #191919;
+ background: #191919;
+ color: #dedede;
+ padding: 1rem;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 700;
+ font-size: 1rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #323232;
+ color: #dedede;
+ padding: 1rem;
+}
+.p-dialog .p-dialog-content:last-of-type {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ padding: 0.571rem 1rem;
+ text-align: right;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
+
+.p-overlaypanel {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 0.571rem 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #FFE082;
+ color: #212529;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #FFD54F;
+ color: #212529;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(50, 50, 50, 0);
+ border-bottom-color: #323232;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(25, 25, 25, 0);
+ border-bottom-color: #181818;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #323232;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #191919;
+}
+
+.p-sidebar {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 0.857rem 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 0.571rem 1rem;
+}
+
+.p-tooltip .p-tooltip-text {
+ background: #4c4c4c;
+ color: #dedede;
+ padding: 0.429rem 0.429rem;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+}
+.p-tooltip.p-tooltip-right .p-tooltip-arrow {
+ border-right-color: #4c4c4c;
+}
+.p-tooltip.p-tooltip-left .p-tooltip-arrow {
+ border-left-color: #4c4c4c;
+}
+.p-tooltip.p-tooltip-top .p-tooltip-arrow {
+ border-top-color: #4c4c4c;
+}
+.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
+ border-bottom-color: #4c4c4c;
+}
+
+.p-fileupload .p-fileupload-buttonbar {
+ background: #191919;
+ padding: 0.857rem 1rem;
+ border: 1px solid #191919;
+ color: #dedede;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ gap: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-fileupload .p-fileupload-content {
+ background: #323232;
+ padding: 0.571rem 1rem;
+ border: 1px solid #191919;
+ color: #dedede;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #4b4b4b;
+ border-radius: 3px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-progressbar {
+ height: 0.25rem;
+}
+.p-fileupload .p-fileupload-row > div {
+ padding: 0.571rem 0.857rem;
+}
+.p-fileupload.p-fileupload-advanced .p-message {
+ margin-top: 0;
+}
+
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #FFD54F;
+ color: #212529;
+ border-color: #FFD54F;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #FFCA28;
+ color: #212529;
+ border-color: #FFCA28;
+}
+
+.p-breadcrumb {
+ background: #252525;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ padding: 0.571rem 1rem;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+}
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
+ margin: 0 0.5rem 0 0.5rem;
+ color: #dedede;
+}
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
+ color: #dedede;
+}
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
+ color: #dedede;
+}
+
+.p-contextmenu {
+ padding: 0;
+ background: #252525;
+ color: #dedede;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+ width: 12.5rem;
+}
+.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;
+ 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 {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #212529;
+ background: #FFE082;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #FFE082;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.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: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-menuitem-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
+
+.p-dock .p-dock-list-container {
+ background: rgba(255, 255, 255, 0.1);
+ border: 1px solid rgba(255, 255, 255, 0.2);
+ padding: 0.5rem 0.5rem;
+ border-radius: 0.5rem;
+}
+.p-dock .p-dock-list-container .p-dock-list {
+ outline: 0 none;
+}
+.p-dock .p-dock-item {
+ padding: 0.5rem;
+ border-radius: 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-link {
+ width: 4rem;
+ height: 4rem;
+}
+.p-dock.p-dock-top .p-dock-item-second-prev,
+.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
+.p-dock.p-dock-bottom .p-dock-item-second-next {
+ margin: 0 0.9rem;
+}
+.p-dock.p-dock-top .p-dock-item-prev,
+.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
+.p-dock.p-dock-bottom .p-dock-item-next {
+ margin: 0 1.3rem;
+}
+.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
+ margin: 0 1.5rem;
+}
+.p-dock.p-dock-left .p-dock-item-second-prev,
+.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
+.p-dock.p-dock-right .p-dock-item-second-next {
+ margin: 0.9rem 0;
+}
+.p-dock.p-dock-left .p-dock-item-prev,
+.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
+.p-dock.p-dock-right .p-dock-item-next {
+ margin: 1.3rem 0;
+}
+.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
+ margin: 1.5rem 0;
+}
+
+@media screen and (max-width: 960px) {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
+ overflow-x: auto;
+ width: 100%;
+ }
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
+ margin: 0 auto;
+ }
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
+ overflow-y: auto;
+ height: 100%;
+ }
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
+ margin: auto 0;
+ }
+ .p-dock .p-dock-list .p-dock-item {
+ transform: none;
+ margin: 0;
+ }
+}
+.p-megamenu {
+ padding: 0.5rem;
+ background: #252525;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+}
+.p-megamenu .p-megamenu-root-list {
+ outline: 0 none;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content {
+ color: #dedede;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #212529;
+ background: #FFE082;
+}
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #FFE082;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.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: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-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-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-megamenu .p-submenu-list {
+ padding: 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-submenu-list .p-menuitem-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0;
+}
+.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-menu {
+ padding: 0;
+ background: #252525;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ width: 12.5rem;
+}
+.p-menu .p-menuitem > .p-menuitem-content {
+ color: #dedede;
+ 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 {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.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.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:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.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;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-menu .p-menuitem-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+
+.p-menubar {
+ padding: 0.5rem;
+ background: #252525;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+}
+.p-menubar .p-menubar-root-list {
+ outline: 0 none;
+}
+.p-menubar .p-menubar-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-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.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-menubar-root-list > .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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.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-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 > .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 > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #212529;
+ background: #FFE082;
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #FFE082;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.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-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;
+ background: #252525;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ width: 12.5rem;
+}
+.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;
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
+ color: #dedede;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
+ color: #dedede;
+ background: #4c4c4c;
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
+ padding: 0;
+ background: #252525;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 2.571rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 4.285rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 5.999rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 7.713rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 9.427rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
+.p-panelmenu .p-panelmenu-header {
+ outline: 0 none;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
+ border: 1px solid #191919;
+ color: #dedede;
+ background: #191919;
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.1rem white;
+}
+.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: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:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
+ border-color: #FFCA28;
+ background: #FFCA28;
+ color: #212529;
+}
+.p-panelmenu .p-panelmenu-content {
+ padding: 0;
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ border-top: 0;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
+ outline: 0 none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
+ color: #dedede;
+ 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 {
+ padding: 0.857rem;
+ user-select: none;
+}
+.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-content .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.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-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-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: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: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: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: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-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 {
+ margin-bottom: 2px;
+}
+
+.p-steps .p-steps-item .p-menuitem-link {
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+ background: #191919;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: #dedede;
+ border: 1px solid #191919;
+ background: #191919;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: #888888;
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-steps .p-steps-item.p-highlight .p-steps-number {
+ background: #FFE082;
+ color: #212529;
+}
+.p-steps .p-steps-item.p-highlight .p-steps-title {
+ font-weight: 700;
+ color: #dedede;
+}
+.p-steps .p-steps-item:before {
+ content: " ";
+ border-top: 1px solid #4b4b4b;
+ width: 100%;
+ top: 50%;
+ left: 0;
+ display: block;
+ position: absolute;
+ margin-top: -1rem;
+}
+
+.p-tabmenu .p-tabmenu-nav {
+ background: transparent;
+ border: 0 none;
+ border-width: 1px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 2px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: 1px solid #191919;
+ border-width: 1px;
+ border-color: #191919;
+ background: #191919;
+ color: #dedede;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.1rem white;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #191919;
+ border-color: #191919;
+ color: #FFE082;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #FFE082;
+ border-color: #FFE082;
+ color: #212529;
+}
+
+.p-tieredmenu {
+ padding: 0;
+ background: #252525;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ width: 12.5rem;
+}
+.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;
+ 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 {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #212529;
+ background: #FFE082;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #FFE082;
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.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-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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.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: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-menuitem-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
+
+.p-inline-message {
+ padding: 0.5rem;
+ margin: 0;
+ border-radius: 3px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
+
+.p-message {
+ margin: 1rem 0;
+ border-radius: 3px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-message.p-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-info .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-success .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-error .p-message-close {
+ color: #212121;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: normal;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
+
+.p-toast {
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1rem;
+ border-width: 0;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 0.5rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #212121;
+}
+
+.p-galleria .p-galleria-close {
+ margin: 0.5rem;
+ background: transparent;
+ color: #ebedef;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #ebedef;
+}
+.p-galleria .p-galleria-item-nav {
+ background: rgba(0, 0, 0, 0.2);
+ color: #aeb6bf;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
+}
+.p-galleria .p-galleria-caption {
+ background: rgba(0, 0, 0, 0.5);
+ color: #ebedef;
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators {
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #4b4b4b;
+ 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: #4c4c4c;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #FFE082;
+ color: #212529;
+}
+.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+ margin-right: 0.5rem;
+}
+.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+ margin-bottom: 0.5rem;
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #FFE082;
+ color: #212529;
+}
+.p-galleria .p-galleria-thumbnail-container {
+ background: rgba(0, 0, 0, 0.9);
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #aeb6bf;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+
+.p-galleria-mask {
+ --maskbg: rgba(0, 0, 0, 0.9);
+}
+
+.p-image-mask {
+ --maskbg: rgba(0, 0, 0, 0.9);
+}
+
+.p-image-preview-indicator {
+ background-color: transparent;
+ color: #f8f9fa;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+
+.p-image-preview-container:hover > .p-image-preview-indicator {
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.p-image-toolbar {
+ padding: 1rem;
+}
+
+.p-image-action.p-link {
+ color: #f8f9fa;
+ background-color: transparent;
+ width: 3rem;
+ height: 3rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-image-action.p-link:last-child {
+ margin-right: 0;
+}
+.p-image-action.p-link:hover {
+ color: #f8f9fa;
+ background-color: rgba(255, 255, 255, 0.1);
+}
+.p-image-action.p-link i {
+ font-size: 1.5rem;
+}
+
+.p-avatar {
+ background-color: #4b4b4b;
+ border-radius: 3px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
+
+.p-avatar-group .p-avatar {
+ border: 2px solid #323232;
+}
+
+.p-badge {
+ background: #FFE082;
+ color: #212529;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #B0BEC5;
+ color: #121212;
+}
+.p-badge.p-badge-success {
+ background-color: #AED581;
+ color: #212529;
+}
+.p-badge.p-badge-info {
+ background-color: #4FC3F7;
+ color: #212529;
+}
+.p-badge.p-badge-warning {
+ background-color: #FFB74D;
+ color: #212529;
+}
+.p-badge.p-badge-danger {
+ background-color: #E57373;
+ color: #212529;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
+.p-chip {
+ background-color: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+ padding: 0 0.429rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.2145rem;
+ margin-bottom: 0.2145rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 1.929rem;
+ height: 1.929rem;
+ margin-left: -0.429rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+
+.p-inplace .p-inplace-display {
+ padding: 0.429rem 0.429rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 24px;
+ background: #eaeaea;
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #FFE082;
+}
+.p-progressbar .p-progressbar-label {
+ color: #212529;
+ line-height: 24px;
+}
+
+.p-scrolltop {
+ width: 3rem;
+ height: 3rem;
+ border-radius: 50%;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: #FFE082;
+}
+.p-scrolltop.p-link:hover {
+ background: #FFD54F;
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: #212529;
+}
+
+.p-skeleton {
+ background-color: rgba(255, 255, 255, 0.06);
+ border-radius: 3px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
+}
+
+.p-tag {
+ background: #FFE082;
+ color: #212529;
+ font-size: 0.75rem;
+ font-weight: 700;
+ padding: 0.25rem 0.4rem;
+ border-radius: 3px;
+}
+.p-tag.p-tag-success {
+ background-color: #AED581;
+ color: #212529;
+}
+.p-tag.p-tag-info {
+ background-color: #4FC3F7;
+ color: #212529;
+}
+.p-tag.p-tag-warning {
+ background-color: #FFB74D;
+ color: #212529;
+}
+.p-tag.p-tag-danger {
+ background-color: #E57373;
+ color: #212529;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
+
+.p-terminal {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ padding: 0.571rem 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
+
+/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css
new file mode 100644
index 0000000..e56d6cb
--- /dev/null
+++ b/public/themes/luna-blue/theme.css
@@ -0,0 +1,5733 @@
+:root {
+ --surface-a: #191919;
+ --surface-b: #191919;
+ --surface-c: #4c4c4c;
+ --surface-d: #4b4b4b;
+ --surface-e: #323232;
+ --surface-f: #323232;
+ --text-color: #dedede;
+ --text-color-secondary: #888888;
+ --primary-color: #81D4FA;
+ --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-0: #191919;
+ --surface-50: #303030;
+ --surface-100: #474747;
+ --surface-200: #5e5e5e;
+ --surface-300: #757575;
+ --surface-400: #8c8c8c;
+ --surface-500: #a3a3a3;
+ --surface-600: #bababa;
+ --surface-700: #d1d1d1;
+ --surface-800: #e8e8e8;
+ --surface-900: #ffffff;
+ --gray-50: #e8e8e8;
+ --gray-100: #d1d1d1;
+ --gray-200: #bababa;
+ --gray-300: #a3a3a3;
+ --gray-400: #8c8c8c;
+ --gray-500: #757575;
+ --gray-600: #5e5e5e;
+ --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;
+ --focus-ring: 0 0 0 0.1rem white;
+ --maskbg: rgba(0, 0, 0, 0.4);
+ color-scheme: light dark;
+}
+
+* {
+ box-sizing: border-box;
+}
+
+.p-component {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ font-weight: normal;
+}
+
+.p-component-overlay {
+ background-color: rgba(0, 0, 0, 0.4);
+ transition-duration: 0.2s;
+}
+
+.p-disabled, .p-component:disabled {
+ opacity: 0.5;
+}
+
+.p-error {
+ color: #e57373;
+}
+
+.p-text-secondary {
+ color: #888888;
+}
+
+.pi {
+ font-size: 1rem;
+}
+
+.p-link {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ border-radius: 3px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+
+.p-component-overlay-enter {
+ animation: p-component-overlay-enter-animation 150ms forwards;
+}
+
+.p-component-overlay-leave {
+ animation: p-component-overlay-leave-animation 150ms forwards;
+}
+
+@keyframes p-component-overlay-enter-animation {
+ from {
+ background-color: transparent;
+ }
+ to {
+ background-color: var(--maskbg);
+ }
+}
+@keyframes p-component-overlay-leave-animation {
+ from {
+ background-color: var(--maskbg);
+ }
+ to {
+ background-color: transparent;
+ }
+}
+
+:root {
+ --blue-50:#f3f8fc;
+ --blue-100:#c6dcef;
+ --blue-200:#98c1e3;
+ --blue-300:#6ba5d7;
+ --blue-400:#3d8aca;
+ --blue-500:#106ebe;
+ --blue-600:#0e5ea2;
+ --blue-700:#0b4d85;
+ --blue-800:#093d69;
+ --blue-900:#062c4c;
+ --green-50:#f7fbf6;
+ --green-100:#d6ead1;
+ --green-200:#b6d9ad;
+ --green-300:#96c889;
+ --green-400:#76b765;
+ --green-500:#56a641;
+ --green-600:#498d37;
+ --green-700:#3c742e;
+ --green-800:#2f5b24;
+ --green-900:#22421a;
+ --yellow-50:#fffcf5;
+ --yellow-100:#fdefcd;
+ --yellow-200:#fbe3a6;
+ --yellow-300:#f9d67f;
+ --yellow-400:#f8ca57;
+ --yellow-500:#f6bd30;
+ --yellow-600:#d1a129;
+ --yellow-700:#ac8422;
+ --yellow-800:#87681a;
+ --yellow-900:#624c13;
+ --cyan-50:#f4fbfd;
+ --cyan-100:#ccebf5;
+ --cyan-200:#a4dbed;
+ --cyan-300:#7ccce5;
+ --cyan-400:#54bcdd;
+ --cyan-500:#2cacd5;
+ --cyan-600:#2592b5;
+ --cyan-700:#1f7895;
+ --cyan-800:#185f75;
+ --cyan-900:#124555;
+ --pink-50:#fdf4f9;
+ --pink-100:#f6cce0;
+ --pink-200:#eea3c7;
+ --pink-300:#e77aae;
+ --pink-400:#df5296;
+ --pink-500:#d8297d;
+ --pink-600:#b8236a;
+ --pink-700:#971d58;
+ --pink-800:#771745;
+ --pink-900:#561032;
+ --indigo-50:#f4f6fd;
+ --indigo-100:#ccd3f5;
+ --indigo-200:#a4b0ed;
+ --indigo-300:#7c8de5;
+ --indigo-400:#546add;
+ --indigo-500:#2c47d5;
+ --indigo-600:#253cb5;
+ --indigo-700:#1f3295;
+ --indigo-800:#182775;
+ --indigo-900:#121c55;
+ --teal-50:#f6fbfa;
+ --teal-100:#d1eae5;
+ --teal-200:#add9d1;
+ --teal-300:#89c8bd;
+ --teal-400:#65b7a8;
+ --teal-500:#41a694;
+ --teal-600:#378d7e;
+ --teal-700:#2e7468;
+ --teal-800:#245b51;
+ --teal-900:#1a423b;
+ --orange-50:#fff9f5;
+ --orange-100:#fde4cd;
+ --orange-200:#fbcfa6;
+ --orange-300:#f9ba7f;
+ --orange-400:#f8a457;
+ --orange-500:#f68f30;
+ --orange-600:#d17a29;
+ --orange-700:#ac6422;
+ --orange-800:#874f1a;
+ --orange-900:#623913;
+ --bluegray-50:#f7f8f9;
+ --bluegray-100:#dae0e3;
+ --bluegray-200:#bdc7cd;
+ --bluegray-300:#a0aeb6;
+ --bluegray-400:#8295a0;
+ --bluegray-500:#657c8a;
+ --bluegray-600:#566975;
+ --bluegray-700:#475761;
+ --bluegray-800:#38444c;
+ --bluegray-900:#283237;
+ --purple-50:#f9f8fd;
+ --purple-100:#e1dff7;
+ --purple-200:#cac5f1;
+ --purple-300:#b2abeb;
+ --purple-400:#9b92e4;
+ --purple-500:#8378de;
+ --purple-600:#6f66bd;
+ --purple-700:#5c549b;
+ --purple-800:#48427a;
+ --purple-900:#343059;
+ --red-50:#fdf4f3;
+ --red-100:#f6ccc6;
+ --red-200:#eea39a;
+ --red-300:#e77b6d;
+ --red-400:#df5240;
+ --red-500:#d82a13;
+ --red-600:#b82410;
+ --red-700:#971d0d;
+ --red-800:#77170a;
+ --red-900:#561108;
+ --primary-50:#f9fdff;
+ --primary-100:#e1f5fe;
+ --primary-200:#c9edfd;
+ --primary-300:#b1e4fc;
+ --primary-400:#99dcfb;
+ --primary-500:#81d4fa;
+ --primary-600:#6eb4d5;
+ --primary-700:#5a94af;
+ --primary-800:#47758a;
+ --primary-900:#345564;
+}
+
+.p-autocomplete .p-autocomplete-loader {
+ right: 0.429rem;
+}
+.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
+ right: 2.786rem;
+}
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
+ border-color: #81D4FA;
+}
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #81D4FA;
+}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.2145rem 0.429rem;
+ gap: 0.5rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.2145rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #dedede;
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.2145rem 0.429rem;
+ background: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #464646;
+ color: #dedede;
+}
+.p-autocomplete.p-invalid.p-component > .p-inputtext {
+ border-color: #e57373;
+}
+
+.p-autocomplete-panel {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-autocomplete-panel .p-autocomplete-items {
+ padding: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #212529;
+ background: #81D4FA;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: #81d4fa;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+}
+
+.p-calendar.p-invalid.p-component > .p-inputtext {
+ border-color: #e57373;
+}
+
+.p-datepicker {
+ padding: 0.857rem;
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #4b4b4b;
+ border-radius: 3px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #323232;
+ border: 1px solid #191919;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #252525;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: #dedede;
+ background: #323232;
+ font-weight: 700;
+ margin: 0;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.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: #dedede;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ font-weight: 700;
+ padding: 0.5rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
+ color: #81D4FA;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.857rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #212529;
+ background: #81D4FA;
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: #29B6F6;
+ color: #212529;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #212529;
+ background: #81D4FA;
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 0.857rem 0 0.429rem 0;
+ border-top: 1px solid #4b4b4b;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #4b4b4b;
+ padding: 0.857rem 0 0.429rem 0;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ 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: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.286rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.429rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.857rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #212529;
+ background: #81D4FA;
+}
+.p-datepicker .p-yearpicker {
+ margin: 0.857rem 0;
+}
+.p-datepicker .p-yearpicker .p-yearpicker-year {
+ padding: 0.5rem;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
+ color: #212529;
+ background: #81D4FA;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-left: 1px solid #4b4b4b;
+ padding-right: 0.857rem;
+ padding-left: 0.857rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+ border-left: 0 none;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.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.1rem white;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
+ background: #4c4c4c;
+}
+.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.1rem white;
+}
+.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
+ background: #4c4c4c;
+}
+.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.1rem white;
+}
+
+@media screen and (max-width: 769px) {
+ .p-datepicker table th, .p-datepicker table td {
+ padding: 0;
+ }
+}
+.p-cascadeselect {
+ background: #191919;
+ border: 1px solid #4b4b4b;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ 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;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.429rem 0.429rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: #9b9b9b;
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: #888888;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #e57373;
+}
+
+.p-cascadeselect-panel {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #212529;
+ background: #81D4FA;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: #81d4fa;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.429rem 0.857rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
+
+.p-input-filled .p-cascadeselect {
+ background: #4b4b4b;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #4b4b4b;
+}
+
+.p-checkbox {
+ width: 20px;
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 1px solid #4b4b4b;
+ background: #191919;
+ width: 20px;
+ height: 20px;
+ color: #dedede;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #212529;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #81D4FA;
+ background: #81D4FA;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ 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;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #29B6F6;
+ background: #29B6F6;
+ color: #212529;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #e57373;
+}
+
+.p-input-filled .p-checkbox .p-checkbox-box {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ 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;
+}
+
+.p-highlight .p-checkbox .p-checkbox-box {
+ border-color: #212529;
+}
+
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
+ border-color: #81D4FA;
+}
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #81D4FA;
+}
+.p-chips .p-chips-multiple-container {
+ padding: 0.2145rem 0.429rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #464646;
+ color: #dedede;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.2145rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #dedede;
+ padding: 0;
+ margin: 0;
+}
+.p-chips.p-invalid.p-component > .p-inputtext {
+ border-color: #e57373;
+}
+
+.p-colorpicker-preview {
+ width: 2rem;
+ height: 2rem;
+}
+
+.p-colorpicker-panel {
+ background: #323232;
+ border: 1px solid #191919;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
+
+.p-colorpicker-overlay-panel {
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+
+.p-dropdown {
+ background: #191919;
+ border: 1px solid #4b4b4b;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ 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;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.429rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: #9b9b9b;
+}
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: #888888;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: #888888;
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #e57373;
+}
+
+.p-dropdown-panel {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-dropdown-panel .p-dropdown-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #191919;
+ color: #dedede;
+ background: #252525;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.429rem;
+ margin-right: -1.429rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.429rem;
+ color: #888888;
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #212529;
+ background: #81D4FA;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: #81d4fa;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #dedede;
+ background: transparent;
+}
+
+.p-input-filled .p-dropdown {
+ background: #4b4b4b;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+ background-color: transparent;
+}
+
+.p-editor-container .p-editor-toolbar {
+ background: #191919;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #191919;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: #888888;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: #888888;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: #888888;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #323232;
+ border: 1px solid #191919;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+ padding: 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.429rem 0.857rem;
+}
+.p-editor-container .p-editor-content {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #191919;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #191919;
+ color: #dedede;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover,
+.p-editor-container .ql-snow.ql-toolbar button:focus {
+ color: #dedede;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: #dedede;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: #dedede;
+}
+.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;
+}
+.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;
+}
+.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;
+}
+.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;
+}
+
+.p-inputgroup-addon {
+ background: #252525;
+ color: #888888;
+ border-top: 1px solid #4b4b4b;
+ border-left: 1px solid #4b4b4b;
+ border-bottom: 1px solid #4b4b4b;
+ padding: 0.429rem 0.429rem;
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #4b4b4b;
+}
+
+.p-inputgroup > .p-component,
+.p-inputgroup > .p-inputwrapper > .p-inputtext,
+.p-inputgroup > .p-float-label > .p-component {
+ border-radius: 0;
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
+
+.p-inputgroup-addon:first-child,
+.p-inputgroup button:first-child,
+.p-inputgroup input:first-child,
+.p-inputgroup > .p-inputwrapper:first-child,
+.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+
+.p-inputgroup .p-float-label:first-child input {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+
+.p-inputgroup-addon:last-child,
+.p-inputgroup button:last-child,
+.p-inputgroup input:last-child,
+.p-inputgroup > .p-inputwrapper:last-child,
+.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+.p-inputgroup .p-float-label:last-child input {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+.p-fluid .p-inputgroup .p-button {
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
+
+.p-inputnumber.p-invalid.p-component > .p-inputtext {
+ border-color: #e57373;
+}
+
+.p-inputswitch {
+ width: 3rem;
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #4b4b4b;
+ 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: #323232;
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #4b4b4b;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ 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;
+}
+.p-inputswitch.p-invalid {
+ border-color: #e57373;
+}
+
+.p-inputtext {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #dedede;
+ background: #191919;
+ padding: 0.429rem 0.429rem;
+ border: 1px solid #4b4b4b;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ appearance: none;
+ border-radius: 3px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #81D4FA;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #81D4FA;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #e57373;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.375375rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 0.53625rem;
+}
+
+.p-float-label > label {
+ left: 0.429rem;
+ color: #9b9b9b;
+ transition-duration: 0.2s;
+}
+
+.p-float-label > .p-invalid + label {
+ color: #e57373;
+}
+
+.p-input-icon-left > i:first-of-type {
+ left: 0.429rem;
+ color: #888888;
+}
+
+.p-input-icon-left > .p-inputtext {
+ padding-left: 1.858rem;
+}
+
+.p-input-icon-left.p-float-label > label {
+ left: 1.858rem;
+}
+
+.p-input-icon-right > i:last-of-type {
+ right: 0.429rem;
+ color: #888888;
+}
+
+.p-input-icon-right > .p-inputtext {
+ padding-right: 1.858rem;
+}
+
+::-webkit-input-placeholder {
+ color: #9b9b9b;
+}
+
+:-moz-placeholder {
+ color: #9b9b9b;
+}
+
+::-moz-placeholder {
+ color: #9b9b9b;
+}
+
+:-ms-input-placeholder {
+ color: #9b9b9b;
+}
+
+.p-input-filled .p-inputtext {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #4b4b4b;
+}
+
+.p-inputtext-sm .p-inputtext {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.375375rem;
+}
+
+.p-inputtext-lg .p-inputtext {
+ font-size: 1.25rem;
+ padding: 0.53625rem 0.53625rem;
+}
+
+.p-listbox {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #4b4b4b;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #191919;
+ color: #dedede;
+ background: #252525;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.429rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.429rem;
+ color: #888888;
+}
+.p-listbox .p-listbox-list {
+ padding: 0;
+ outline: 0 none;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #212529;
+ background: #81D4FA;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #dedede;
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: #81d4fa;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #81D4FA;
+}
+.p-listbox.p-invalid {
+ border-color: #e57373;
+}
+
+.p-multiselect {
+ background: #191919;
+ border: 1px solid #4b4b4b;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ 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;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: #9b9b9b;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: #888888;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #e57373;
+}
+
+.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
+ padding: 0.2145rem 0.429rem;
+}
+
+.p-multiselect-panel {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-multiselect-panel .p-multiselect-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #191919;
+ color: #dedede;
+ background: #252525;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.429rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.429rem;
+ color: #888888;
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ 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: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #212529;
+ background: #81D4FA;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: #81d4fa;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #dedede;
+ background: transparent;
+}
+
+.p-input-filled .p-multiselect {
+ background: #4b4b4b;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #4b4b4b;
+}
+
+.p-password.p-invalid.p-component > .p-inputtext {
+ border-color: #e57373;
+}
+
+.p-password-panel {
+ padding: 0.571rem 1rem;
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #eaeaea;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #E57373;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #FFB74D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #AED581;
+}
+
+.p-radiobutton {
+ width: 20px;
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 1px solid #4b4b4b;
+ background: #191919;
+ width: 20px;
+ height: 20px;
+ color: #dedede;
+ 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: #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;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.2s;
+ background-color: #212529;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #81D4FA;
+ background: #81D4FA;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #29B6F6;
+ background: #29B6F6;
+ color: #212529;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #e57373;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
+
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #81D4FA;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #29B6F6;
+}
+
+.p-highlight .p-radiobutton .p-radiobutton-box {
+ border-color: #212529;
+}
+
+.p-rating {
+ gap: 0.5rem;
+}
+.p-rating .p-rating-item .p-rating-icon {
+ color: #dedede;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
+ color: #e4018d;
+}
+.p-rating .p-rating-item.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #81D4FA;
+}
+.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
+ color: #81D4FA;
+}
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
+ color: #81D4FA;
+}
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
+ color: #b5019f;
+}
+
+.p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
+ color: #212529;
+}
+
+.p-selectbutton .p-button {
+ background: #252525;
+ border: 1px solid #252525;
+ color: #dedede;
+ 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: #888888;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #4c4c4c;
+ border-color: #4c4c4c;
+ color: #dedede;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #dedede;
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #81D4FA;
+ border-color: #81D4FA;
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #4FC3F7;
+ border-color: #4FC3F7;
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #212529;
+}
+.p-selectbutton.p-invalid > .p-button {
+ border-color: #e57373;
+}
+
+.p-slider {
+ background: #4b4b4b;
+ border: 0 none;
+ border-radius: 3px;
+}
+.p-slider.p-slider-horizontal {
+ height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -0.5715rem;
+ margin-left: -0.5715rem;
+}
+.p-slider.p-slider-vertical {
+ width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -0.5715rem;
+ margin-bottom: -0.5715rem;
+}
+.p-slider .p-slider-handle {
+ height: 1.143rem;
+ width: 1.143rem;
+ background: #4c4c4c;
+ border: 2px solid #81D4FA;
+ border-radius: 100%;
+ 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.1rem white;
+}
+.p-slider .p-slider-range {
+ background: #81D4FA;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: #81D4FA;
+ border-color: #81D4FA;
+}
+
+.p-treeselect {
+ background: #191919;
+ border: 1px solid #4b4b4b;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ 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;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: #9b9b9b;
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: #888888;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #e57373;
+}
+
+.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
+ padding: 0.2145rem 0.429rem;
+}
+
+.p-treeselect-panel {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.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.429rem 0.857rem;
+ color: #dedede;
+ background: transparent;
+}
+
+.p-input-filled .p-treeselect {
+ background: #4b4b4b;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #4b4b4b;
+}
+
+.p-togglebutton.p-button {
+ background: #252525;
+ border: 1px solid #252525;
+ color: #dedede;
+ 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: #888888;
+}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #81D4FA;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #4c4c4c;
+ border-color: #4c4c4c;
+ color: #dedede;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #dedede;
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #81D4FA;
+ border-color: #81D4FA;
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #4FC3F7;
+ border-color: #4FC3F7;
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #212529;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #e57373;
+}
+
+.p-button {
+ color: #212529;
+ 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:enabled:hover {
+ background: #4FC3F7;
+ color: #212529;
+ border-color: #4FC3F7;
+}
+.p-button:enabled:active {
+ background: #29B6F6;
+ color: #212529;
+ border-color: #29B6F6;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #81D4FA;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(129, 212, 250, 0.04);
+ color: #81D4FA;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(129, 212, 250, 0.16);
+ color: #81D4FA;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: #888888;
+ border-color: #888888;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: #4c4c4c;
+ color: #888888;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: #3c3c3c;
+ color: #888888;
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #81D4FA;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(129, 212, 250, 0.04);
+ color: #81D4FA;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(129, 212, 250, 0.16);
+ color: #81D4FA;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: #888888;
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: #4c4c4c;
+ color: #888888;
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: #3c3c3c;
+ color: #888888;
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #81D4FA;
+ background-color: #212529;
+}
+.p-button.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.429rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
+
+.p-fluid .p-button {
+ width: 100%;
+}
+.p-fluid .p-button-icon-only {
+ width: 2.357rem;
+}
+.p-fluid .p-buttonset {
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
+
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ color: #121212;
+ background: #B0BEC5;
+ border: 1px solid #B0BEC5;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #90A4AE;
+ color: #121212;
+ border-color: #90A4AE;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #CFD8DC;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #78909C;
+ color: #121212;
+ border-color: #78909C;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #B0BEC5;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(176, 190, 197, 0.04);
+ color: #B0BEC5;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(176, 190, 197, 0.16);
+ color: #B0BEC5;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #B0BEC5;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(176, 190, 197, 0.04);
+ border-color: transparent;
+ color: #B0BEC5;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(176, 190, 197, 0.16);
+ border-color: transparent;
+ color: #B0BEC5;
+}
+
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ color: #212529;
+ background: #4FC3F7;
+ border: 1px solid #4FC3F7;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #29B6F6;
+ color: #212529;
+ border-color: #29B6F6;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #E1F5FE;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #03A9F4;
+ color: #212529;
+ border-color: #03A9F4;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #4FC3F7;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(79, 195, 247, 0.04);
+ color: #4FC3F7;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(79, 195, 247, 0.16);
+ color: #4FC3F7;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #4FC3F7;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(79, 195, 247, 0.04);
+ border-color: transparent;
+ color: #4FC3F7;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(79, 195, 247, 0.16);
+ border-color: transparent;
+ color: #4FC3F7;
+}
+
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ color: #212529;
+ background: #AED581;
+ border: 1px solid #AED581;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #9CCC65;
+ color: #212529;
+ border-color: #9CCC65;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #F1F8E9;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: #8BC34A;
+ color: #212529;
+ border-color: #8BC34A;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #AED581;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(174, 213, 129, 0.04);
+ color: #AED581;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(174, 213, 129, 0.16);
+ color: #AED581;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #AED581;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(174, 213, 129, 0.04);
+ border-color: transparent;
+ color: #AED581;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(174, 213, 129, 0.16);
+ border-color: transparent;
+ color: #AED581;
+}
+
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ color: #212529;
+ background: #FFB74D;
+ border: 1px solid #FFB74D;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #FFA726;
+ color: #212529;
+ border-color: #FFA726;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #FFFDE7;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #FF9800;
+ color: #212529;
+ border-color: #FF9800;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFB74D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 183, 77, 0.04);
+ color: #FFB74D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 183, 77, 0.16);
+ color: #FFB74D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #FFB74D;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 183, 77, 0.04);
+ border-color: transparent;
+ color: #FFB74D;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 183, 77, 0.16);
+ border-color: transparent;
+ color: #FFB74D;
+}
+
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ color: #121212;
+ background: #CE93D8;
+ border: 1px solid #CE93D8;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #BA68C8;
+ color: #121212;
+ border-color: #BA68C8;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #CE93D8;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #AB47BC;
+ color: #121212;
+ border-color: #AB47BC;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ border-color: transparent;
+ color: #CE93D8;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ border-color: transparent;
+ color: #CE93D8;
+}
+
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ color: #212529;
+ background: #E57373;
+ border: 1px solid #E57373;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #EF5350;
+ color: #212529;
+ border-color: #EF5350;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #FFEBEE;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #F44336;
+ color: #212529;
+ border-color: #F44336;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #E57373;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(229, 115, 115, 0.04);
+ color: #E57373;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(229, 115, 115, 0.16);
+ color: #E57373;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #E57373;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(229, 115, 115, 0.04);
+ border-color: transparent;
+ color: #E57373;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(229, 115, 115, 0.16);
+ border-color: transparent;
+ color: #E57373;
+}
+
+.p-button.p-button-link {
+ color: #81D4FA;
+ background: transparent;
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #81D4FA;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 0.2rem white;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #81D4FA;
+ border-color: transparent;
+}
+
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: #474747;
+ color: #fff;
+}
+.p-speeddial-action:hover {
+ background: #4d4d4d;
+ color: #fff;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
+.p-splitbutton {
+ border-radius: 3px;
+}
+.p-splitbutton.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #81D4FA;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(129, 212, 250, 0.04);
+ color: #81D4FA;
+}
+.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(129, 212, 250, 0.16);
+ color: #81D4FA;
+}
+.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
+ color: #888888;
+ border-color: #888888;
+}
+.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: #4c4c4c;
+ color: #888888;
+}
+.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: #3c3c3c;
+ color: #888888;
+}
+.p-splitbutton.p-button-text > .p-button {
+ background-color: transparent;
+ color: #81D4FA;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(129, 212, 250, 0.04);
+ color: #81D4FA;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(129, 212, 250, 0.16);
+ color: #81D4FA;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-text.p-button-plain > .p-button {
+ color: #888888;
+}
+.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: #4c4c4c;
+ color: #888888;
+}
+.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: #3c3c3c;
+ color: #888888;
+}
+.p-splitbutton.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-splitbutton.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-splitbutton.p-button-rounded > .p-button {
+ border-radius: 2rem;
+}
+.p-splitbutton.p-button-sm > .p-button {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.875rem;
+}
+.p-splitbutton.p-button-sm > .p-button .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-splitbutton.p-button-lg > .p-button {
+ font-size: 1.25rem;
+ padding: 0.53625rem 1.25rem;
+}
+.p-splitbutton.p-button-lg > .p-button .p-button-icon {
+ font-size: 1.25rem;
+}
+
+.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #B0BEC5;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(176, 190, 197, 0.04);
+ color: #B0BEC5;
+}
+.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(176, 190, 197, 0.16);
+ color: #B0BEC5;
+}
+.p-splitbutton.p-button-secondary.p-button-text > .p-button {
+ background-color: transparent;
+ color: #B0BEC5;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(176, 190, 197, 0.04);
+ border-color: transparent;
+ color: #B0BEC5;
+}
+.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(176, 190, 197, 0.16);
+ border-color: transparent;
+ color: #B0BEC5;
+}
+
+.p-splitbutton.p-button-info.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #4FC3F7;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(79, 195, 247, 0.04);
+ color: #4FC3F7;
+}
+.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(79, 195, 247, 0.16);
+ color: #4FC3F7;
+}
+.p-splitbutton.p-button-info.p-button-text > .p-button {
+ background-color: transparent;
+ color: #4FC3F7;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(79, 195, 247, 0.04);
+ border-color: transparent;
+ color: #4FC3F7;
+}
+.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(79, 195, 247, 0.16);
+ border-color: transparent;
+ color: #4FC3F7;
+}
+
+.p-splitbutton.p-button-success.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #AED581;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(174, 213, 129, 0.04);
+ color: #AED581;
+}
+.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(174, 213, 129, 0.16);
+ color: #AED581;
+}
+.p-splitbutton.p-button-success.p-button-text > .p-button {
+ background-color: transparent;
+ color: #AED581;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(174, 213, 129, 0.04);
+ border-color: transparent;
+ color: #AED581;
+}
+.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(174, 213, 129, 0.16);
+ border-color: transparent;
+ color: #AED581;
+}
+
+.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #FFB74D;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(255, 183, 77, 0.04);
+ color: #FFB74D;
+}
+.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(255, 183, 77, 0.16);
+ color: #FFB74D;
+}
+.p-splitbutton.p-button-warning.p-button-text > .p-button {
+ background-color: transparent;
+ color: #FFB74D;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(255, 183, 77, 0.04);
+ border-color: transparent;
+ color: #FFB74D;
+}
+.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(255, 183, 77, 0.16);
+ border-color: transparent;
+ color: #FFB74D;
+}
+
+.p-splitbutton.p-button-help.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(206, 147, 216, 0.04);
+ color: #CE93D8;
+}
+.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+}
+.p-splitbutton.p-button-help.p-button-text > .p-button {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(206, 147, 216, 0.04);
+ border-color: transparent;
+ color: #CE93D8;
+}
+.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(206, 147, 216, 0.16);
+ border-color: transparent;
+ color: #CE93D8;
+}
+
+.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #E57373;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(229, 115, 115, 0.04);
+ color: #E57373;
+}
+.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(229, 115, 115, 0.16);
+ color: #E57373;
+}
+.p-splitbutton.p-button-danger.p-button-text > .p-button {
+ background-color: transparent;
+ color: #E57373;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(229, 115, 115, 0.04);
+ border-color: transparent;
+ color: #E57373;
+}
+.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(229, 115, 115, 0.16);
+ border-color: transparent;
+ color: #E57373;
+}
+
+.p-carousel .p-carousel-content .p-carousel-prev,
+.p-carousel .p-carousel-content .p-carousel-next {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-carousel .p-carousel-indicators {
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #4b4b4b;
+ 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: #4c4c4c;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: #81D4FA;
+ color: #212529;
+}
+
+.p-datatable .p-paginator-top {
+ border-width: 1px 1px 0 1px;
+ border-radius: 0;
+}
+.p-datatable .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+ border-radius: 0;
+}
+.p-datatable .p-datatable-header {
+ background: #191919;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-width: 1px 1px 0 1px;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-datatable .p-datatable-footer {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-width: 0 1px 1px 1px;
+ padding: 0.571rem 1rem;
+ font-weight: normal;
+}
+.p-datatable .p-datatable-thead > tr > th {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #191919;
+ border-width: 1px 1px 1px 1px;
+ font-weight: 700;
+ color: #dedede;
+ background: #252525;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tfoot > tr > td {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #191919;
+ border-width: 1px;
+ font-weight: 700;
+ color: #dedede;
+ background: #252525;
+}
+.p-datatable .p-sortable-column .p-sortable-column-icon {
+ color: #888888;
+ margin-left: 0.5rem;
+}
+.p-datatable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #212529;
+ background: #81D4FA;
+ margin-left: 0.5rem;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #dedede;
+}
+.p-datatable .p-sortable-column.p-highlight {
+ background: #81D4FA;
+ color: #212529;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #212529;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: #81D4FA;
+ color: #212529;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #212529;
+}
+.p-datatable .p-sortable-column:focus {
+ box-shadow: inset 0 0 0 0.15rem white;
+ outline: 0 none;
+}
+.p-datatable .p-datatable-tbody > tr {
+ background: #323232;
+ color: #dedede;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #191919;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 700;
+}
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid white;
+ outline-offset: -0.15rem;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: #81D4FA;
+ color: #212529;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ 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;
+}
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-datatable .p-column-resizer-helper {
+ background: #81D4FA;
+}
+.p-datatable .p-datatable-scrollable-header,
+.p-datatable .p-datatable-scrollable-footer {
+ background: #191919;
+}
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-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: #252525;
+}
+.p-datatable .p-datatable-loading-icon {
+ font-size: 2rem;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-header {
+ border-width: 1px 1px 0 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-footer {
+ border-width: 0 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-paginator-top {
+ border-width: 0 1px 0 1px;
+}
+.p-datatable.p-datatable-gridlines .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
+ border-width: 1px 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
+ border-width: 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
+ border-width: 1px;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
+ background: #323232;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: #81D4FA;
+ color: #212529;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #212529;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #212529;
+}
+.p-datatable.p-datatable-sm .p-datatable-header {
+ padding: 0.72845rem 0.85rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
+ padding: 0.48535rem 0.85rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-footer {
+ padding: 0.48535rem 0.85rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-header {
+ padding: 1.07125rem 1.25rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
+ padding: 0.71375rem 1.25rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-footer {
+ padding: 0.71375rem 1.25rem;
+}
+
+.p-dataview .p-paginator-top {
+ border-width: 1px 1px 0 1px;
+ border-radius: 0;
+}
+.p-dataview .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+ border-radius: 0;
+}
+.p-dataview .p-dataview-header {
+ background: #191919;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-width: 1px 1px 0 1px;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-dataview .p-dataview-content {
+ background: #323232;
+ color: #dedede;
+ border: 0 none;
+ padding: 0;
+}
+.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
+ border: 1px solid #4b4b4b;
+ border-width: 1px;
+}
+.p-dataview .p-dataview-footer {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-width: 0 1px 1px 1px;
+ padding: 0.571rem 1rem;
+ font-weight: normal;
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+.p-column-filter-row .p-column-filter-menu-button,
+.p-column-filter-row .p-column-filter-clear-button {
+ margin-left: 0.5rem;
+}
+
+.p-column-filter-menu-button {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: transparent;
+ 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;
+ color: #212529;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+
+.p-column-filter-clear-button {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+
+.p-column-filter-overlay {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #212529;
+ 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;
+ background: #4c4c4c;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem white;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+
+.p-column-filter-overlay-menu .p-column-filter-operator {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #191919;
+ color: #dedede;
+ background: #252525;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint {
+ padding: 0.571rem 1rem;
+ border-bottom: 1px solid #4b4b4b;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
+.p-column-filter-overlay-menu .p-column-filter-add-rule {
+ padding: 0.571rem 1rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-buttonbar {
+ padding: 0.571rem 1rem;
+}
+
+.fc {
+ /* FullCalendar 4 */
+ /* FullCalendar 5 */
+}
+.fc.fc-unthemed .fc-view-container th {
+ background: #191919;
+ border: 1px solid #191919;
+ color: #dedede;
+}
+.fc.fc-unthemed .fc-view-container td.fc-widget-content {
+ border: 1px solid #191919;
+ color: #dedede;
+}
+.fc.fc-unthemed .fc-view-container td.fc-head-container {
+ border: 1px solid #191919;
+}
+.fc.fc-unthemed .fc-view-container .fc-view {
+ background: #323232;
+}
+.fc.fc-unthemed .fc-view-container .fc-row {
+ border-right: 1px solid #191919;
+}
+.fc.fc-unthemed .fc-view-container .fc-event {
+ background: #4FC3F7;
+ border: 1px solid #4FC3F7;
+ color: #212529;
+}
+.fc.fc-unthemed .fc-view-container .fc-divider {
+ background: #191919;
+ border: 1px solid #191919;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button {
+ color: #212529;
+ background: #81D4FA;
+ border: 1px solid #81D4FA;
+ font-size: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+ display: flex;
+ align-items: center;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover {
+ background: #4FC3F7;
+ color: #212529;
+ border-color: #4FC3F7;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active {
+ background: #29B6F6;
+ color: #212529;
+ border-color: #29B6F6;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "\e900";
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "\e901";
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #252525;
+ border: 1px solid #252525;
+ color: #dedede;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #4c4c4c;
+ border-color: #4c4c4c;
+ color: #dedede;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #81D4FA;
+ border-color: #81D4FA;
+ color: #212529;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #4FC3F7;
+ border-color: #4FC3F7;
+ color: #212529;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ z-index: 1;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button {
+ border-radius: 0;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid {
+ border-color: #191919;
+}
+.fc.fc-theme-standard .fc-view-harness th {
+ background: #191919;
+ border-color: #191919;
+ color: #dedede;
+}
+.fc.fc-theme-standard .fc-view-harness td {
+ color: #dedede;
+ border-color: #191919;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-view {
+ background: #323232;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover {
+ background: none;
+ border: 0 none;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header {
+ border: 1px solid #191919;
+ padding: 0.857rem 1rem;
+ background: #191919;
+ color: #dedede;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close {
+ opacity: 1;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ overflow: hidden;
+ font-family: "PrimeIcons" !important;
+ font-size: 1rem;
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before {
+ content: "\e90b";
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body {
+ padding: 0.571rem 1rem;
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ border-top: 0 none;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
+ color: #212529;
+ background: #4FC3F7;
+ border-color: #4FC3F7;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main {
+ color: #212529;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot {
+ background: #4FC3F7;
+ border-color: #4FC3F7;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
+ background: #191919;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button {
+ color: #212529;
+ background: #81D4FA;
+ border: 1px solid #81D4FA;
+ font-size: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
+ background: #4FC3F7;
+ color: #212529;
+ border-color: #4FC3F7;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active {
+ background: #29B6F6;
+ color: #212529;
+ border-color: #29B6F6;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:disabled {
+ opacity: 0.5;
+ color: #212529;
+ background: #81D4FA;
+ border: 1px solid #81D4FA;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "\e900";
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "\e901";
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #252525;
+ border: 1px solid #252525;
+ color: #dedede;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #4c4c4c;
+ border-color: #4c4c4c;
+ color: #dedede;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #81D4FA;
+ border-color: #81D4FA;
+ color: #212529;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #4FC3F7;
+ border-color: #4FC3F7;
+ color: #212529;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ z-index: 1;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button {
+ border-radius: 0;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.fc.fc-theme-standard .fc-highlight {
+ color: #212529;
+ background: #81D4FA;
+}
+
+.p-orderlist .p-orderlist-controls {
+ padding: 0.571rem 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
+.p-orderlist .p-orderlist-header {
+ background: #191919;
+ color: #dedede;
+ border: 1px solid #191919;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list {
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ padding: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem white;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #212529;
+ background: #81D4FA;
+}
+.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
+ background: #323232;
+}
+.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
+ background: #4c4c4c;
+}
+
+.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight {
+ background: #81D4FA;
+ color: #212529;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: #0aa9f2;
+}
+.p-organizationchart .p-organizationchart-line-down {
+ background: #191919;
+}
+.p-organizationchart .p-organizationchart-line-left {
+ border-right: 1px solid #191919;
+ border-color: #191919;
+}
+.p-organizationchart .p-organizationchart-line-top {
+ border-top: 1px solid #191919;
+ border-color: #191919;
+}
+.p-organizationchart .p-organizationchart-node-content {
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ padding: 0.571rem 1rem;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
+ background: inherit;
+ color: inherit;
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+
+.p-paginator {
+ background: #252525;
+ color: #dedede;
+ border: solid #191919;
+ border-width: 1px;
+ padding: 0;
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: #dedede;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: #e0e0e0;
+ border-color: transparent;
+ color: #4c4c4c;
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.357rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-page-input {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+}
+.p-paginator .p-paginator-page-input .p-inputtext {
+ max-width: 2.357rem;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: #dedede;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: #dedede;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: #81D4FA;
+ border-color: #81D4FA;
+ color: #212529;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: #e0e0e0;
+ border-color: transparent;
+ color: #4c4c4c;
+}
+
+.p-picklist .p-picklist-buttons {
+ padding: 0.571rem 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
+.p-picklist .p-picklist-header {
+ background: #191919;
+ color: #dedede;
+ border: 1px solid #191919;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-picklist .p-picklist-list {
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ padding: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem white;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #212529;
+ background: #81D4FA;
+}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: #323232;
+}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: #4c4c4c;
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 0 none;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #81D4FA;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #191919;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
+.p-tree {
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ padding: 0.571rem 1rem;
+ border-radius: 3px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ padding: 0;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ 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: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: #888888;
+}
+.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: #dedede;
+}
+.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 white;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: #81D4FA;
+ color: #212529;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #212529;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #212529;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.429rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.429rem;
+ color: #888888;
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
+
+.p-treetable .p-paginator-top {
+ border-width: 1px 1px 0 1px;
+ border-radius: 0;
+}
+.p-treetable .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+ border-radius: 0;
+}
+.p-treetable .p-treetable-header {
+ background: #191919;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-width: 1px 1px 0 1px;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-treetable .p-treetable-footer {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-width: 0 1px 1px 1px;
+ padding: 0.571rem 1rem;
+ font-weight: normal;
+}
+.p-treetable .p-treetable-thead > tr > th {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #191919;
+ border-width: 1px 1px 1px 1px;
+ font-weight: 700;
+ color: #dedede;
+ background: #252525;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treetable .p-treetable-tfoot > tr > td {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #191919;
+ border-width: 1px;
+ font-weight: 700;
+ color: #dedede;
+ background: #252525;
+}
+.p-treetable .p-sortable-column {
+ outline-color: white;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: #888888;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #212529;
+ background: #81D4FA;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #dedede;
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #81D4FA;
+ color: #212529;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #212529;
+}
+.p-treetable .p-treetable-tbody > tr {
+ background: #323232;
+ color: #dedede;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #191919;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.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: #dedede;
+}
+.p-treetable .p-treetable-tbody > tr:focus {
+ outline: 0.15rem solid white;
+ outline-offset: -0.15rem;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: #81D4FA;
+ color: #212529;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #212529;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #212529;
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: #dedede;
+}
+.p-treetable .p-column-resizer-helper {
+ background: #81D4FA;
+}
+.p-treetable .p-treetable-scrollable-header,
+.p-treetable .p-treetable-scrollable-footer {
+ background: #191919;
+}
+.p-treetable .p-treetable-loading-icon {
+ font-size: 2rem;
+}
+.p-treetable.p-treetable-gridlines .p-datatable-header {
+ border-width: 1px 1px 0 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-footer {
+ border-width: 0 1px 1px 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-top {
+ border-width: 0 1px 0 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-bottom {
+ border-width: 0 1px 1px 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
+ border-width: 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
+ border-width: 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
+ border-width: 1px;
+}
+.p-treetable.p-treetable-sm .p-treetable-header {
+ padding: 0.749875rem 0.875rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
+ padding: 0.48535rem 0.85rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-footer {
+ padding: 0.48535rem 0.85rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-header {
+ padding: 1.07125rem 1.25rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
+ padding: 0.71375rem 1.25rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-footer {
+ padding: 0.71375rem 1.25rem;
+}
+
+.p-accordion .p-accordion-header .p-accordion-header-link {
+ padding: 0.857rem 1rem;
+ 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-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
+.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.1rem white;
+}
+.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
+ background: #191919;
+ border-color: #191919;
+ color: #81D4FA;
+}
+.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
+ 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;
+ color: #212529;
+}
+.p-accordion .p-accordion-content {
+ padding: 0.571rem 1rem;
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ border-top: 0;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-accordion .p-accordion-tab {
+ margin-bottom: 2px;
+}
+
+.p-card {
+ background: #323232;
+ color: #dedede;
+ 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: 3px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+ color: #888888;
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
+
+.p-fieldset {
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ border-radius: 3px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 0.857rem 1rem;
+ border: 1px solid #191919;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+ border-radius: 3px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 0.857rem 1rem;
+ color: #dedede;
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: #81D4FA;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: #191919;
+ border-color: #191919;
+ color: #81D4FA;
+}
+.p-fieldset .p-fieldset-content {
+ padding: 0.571rem 1rem;
+}
+
+.p-divider .p-divider-content {
+ background-color: #323232;
+}
+.p-divider.p-divider-horizontal {
+ margin: 1rem 0;
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #4b4b4b;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
+.p-divider.p-divider-vertical {
+ margin: 0 1rem;
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #4b4b4b;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
+
+.p-panel .p-panel-header {
+ border: 1px solid #191919;
+ padding: 0.857rem 1rem;
+ background: #191919;
+ color: #dedede;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 700;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ 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: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-panel.p-panel-toggleable .p-panel-header {
+ padding: 0.857rem 1rem;
+}
+.p-panel .p-panel-content {
+ padding: 0.571rem 1rem;
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+ border-top: 0 none;
+}
+.p-panel .p-panel-footer {
+ padding: 0.571rem 1rem;
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ border-top: 0 none;
+}
+
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #3f3f3f;
+ border: 0 none;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+
+.p-splitter {
+ border: 1px solid #191919;
+ background: #323232;
+ border-radius: 3px;
+ color: #dedede;
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: #191919;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #4b4b4b;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #4b4b4b;
+}
+
+.p-tabview .p-tabview-nav {
+ background: transparent;
+ border: 0 none;
+ border-width: 1px;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 2px;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: 1px solid #191919;
+ border-width: 1px;
+ border-color: #191919;
+ background: #191919;
+ color: #dedede;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.1rem white;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #191919;
+ border-color: #191919;
+ color: #81D4FA;
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #81D4FA;
+ border-color: #81D4FA;
+ color: #212529;
+}
+.p-tabview .p-tabview-nav-btn.p-link {
+ 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);
+ border-radius: 0;
+}
+.p-tabview .p-tabview-nav-btn.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.1rem white;
+}
+.p-tabview .p-tabview-panels {
+ background: #323232;
+ padding: 0.571rem 1rem;
+ border: 1px solid #191919;
+ color: #dedede;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+
+.p-toolbar {
+ background: #191919;
+ border: 1px solid #191919;
+ padding: 0.857rem 1rem;
+ border-radius: 3px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
+
+.p-confirm-popup {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-confirm-popup .p-confirm-popup-content {
+ padding: 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1rem 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(50, 50, 50, 0);
+ border-bottom-color: #323232;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(25, 25, 25, 0);
+ border-bottom-color: #191919;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #323232;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #191919;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
+
+.p-dialog {
+ border-radius: 3px;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+ border: 1px solid #191919;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 1px solid #191919;
+ background: #191919;
+ color: #dedede;
+ padding: 1rem;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 700;
+ font-size: 1rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #323232;
+ color: #dedede;
+ padding: 1rem;
+}
+.p-dialog .p-dialog-content:last-of-type {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ padding: 0.571rem 1rem;
+ text-align: right;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
+
+.p-overlaypanel {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 0.571rem 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #81D4FA;
+ color: #212529;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #4FC3F7;
+ color: #212529;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(50, 50, 50, 0);
+ border-bottom-color: #323232;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(25, 25, 25, 0);
+ border-bottom-color: #181818;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #323232;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #191919;
+}
+
+.p-sidebar {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 0.857rem 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 0.571rem 1rem;
+}
+
+.p-tooltip .p-tooltip-text {
+ background: #4c4c4c;
+ color: #dedede;
+ padding: 0.429rem 0.429rem;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+}
+.p-tooltip.p-tooltip-right .p-tooltip-arrow {
+ border-right-color: #4c4c4c;
+}
+.p-tooltip.p-tooltip-left .p-tooltip-arrow {
+ border-left-color: #4c4c4c;
+}
+.p-tooltip.p-tooltip-top .p-tooltip-arrow {
+ border-top-color: #4c4c4c;
+}
+.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
+ border-bottom-color: #4c4c4c;
+}
+
+.p-fileupload .p-fileupload-buttonbar {
+ background: #191919;
+ padding: 0.857rem 1rem;
+ border: 1px solid #191919;
+ color: #dedede;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ gap: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-fileupload .p-fileupload-content {
+ background: #323232;
+ padding: 0.571rem 1rem;
+ border: 1px solid #191919;
+ color: #dedede;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #4b4b4b;
+ border-radius: 3px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-progressbar {
+ height: 0.25rem;
+}
+.p-fileupload .p-fileupload-row > div {
+ padding: 0.571rem 0.857rem;
+}
+.p-fileupload.p-fileupload-advanced .p-message {
+ margin-top: 0;
+}
+
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #4FC3F7;
+ color: #212529;
+ border-color: #4FC3F7;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #29B6F6;
+ color: #212529;
+ border-color: #29B6F6;
+}
+
+.p-breadcrumb {
+ background: #252525;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ padding: 0.571rem 1rem;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+}
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
+ margin: 0 0.5rem 0 0.5rem;
+ color: #dedede;
+}
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
+ color: #dedede;
+}
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
+ color: #dedede;
+}
+
+.p-contextmenu {
+ padding: 0;
+ background: #252525;
+ color: #dedede;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+ width: 12.5rem;
+}
+.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;
+ 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 {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #212529;
+ background: #81D4FA;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #81D4FA;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.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: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-menuitem-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
+
+.p-dock .p-dock-list-container {
+ background: rgba(255, 255, 255, 0.1);
+ border: 1px solid rgba(255, 255, 255, 0.2);
+ padding: 0.5rem 0.5rem;
+ border-radius: 0.5rem;
+}
+.p-dock .p-dock-list-container .p-dock-list {
+ outline: 0 none;
+}
+.p-dock .p-dock-item {
+ padding: 0.5rem;
+ border-radius: 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-link {
+ width: 4rem;
+ height: 4rem;
+}
+.p-dock.p-dock-top .p-dock-item-second-prev,
+.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
+.p-dock.p-dock-bottom .p-dock-item-second-next {
+ margin: 0 0.9rem;
+}
+.p-dock.p-dock-top .p-dock-item-prev,
+.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
+.p-dock.p-dock-bottom .p-dock-item-next {
+ margin: 0 1.3rem;
+}
+.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
+ margin: 0 1.5rem;
+}
+.p-dock.p-dock-left .p-dock-item-second-prev,
+.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
+.p-dock.p-dock-right .p-dock-item-second-next {
+ margin: 0.9rem 0;
+}
+.p-dock.p-dock-left .p-dock-item-prev,
+.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
+.p-dock.p-dock-right .p-dock-item-next {
+ margin: 1.3rem 0;
+}
+.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
+ margin: 1.5rem 0;
+}
+
+@media screen and (max-width: 960px) {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
+ overflow-x: auto;
+ width: 100%;
+ }
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
+ margin: 0 auto;
+ }
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
+ overflow-y: auto;
+ height: 100%;
+ }
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
+ margin: auto 0;
+ }
+ .p-dock .p-dock-list .p-dock-item {
+ transform: none;
+ margin: 0;
+ }
+}
+.p-megamenu {
+ padding: 0.5rem;
+ background: #252525;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+}
+.p-megamenu .p-megamenu-root-list {
+ outline: 0 none;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content {
+ color: #dedede;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #212529;
+ background: #81D4FA;
+}
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #81D4FA;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.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: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-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-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-megamenu .p-submenu-list {
+ padding: 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-submenu-list .p-menuitem-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0;
+}
+.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-menu {
+ padding: 0;
+ background: #252525;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ width: 12.5rem;
+}
+.p-menu .p-menuitem > .p-menuitem-content {
+ color: #dedede;
+ 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 {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.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.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:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.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;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-menu .p-menuitem-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+
+.p-menubar {
+ padding: 0.5rem;
+ background: #252525;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+}
+.p-menubar .p-menubar-root-list {
+ outline: 0 none;
+}
+.p-menubar .p-menubar-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-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.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-menubar-root-list > .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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.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-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 > .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 > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #212529;
+ background: #81D4FA;
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #81D4FA;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.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-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;
+ background: #252525;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ width: 12.5rem;
+}
+.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;
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
+ color: #dedede;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
+ color: #dedede;
+ background: #4c4c4c;
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
+ padding: 0;
+ background: #252525;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 2.571rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 4.285rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 5.999rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 7.713rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 9.427rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
+.p-panelmenu .p-panelmenu-header {
+ outline: 0 none;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
+ border: 1px solid #191919;
+ color: #dedede;
+ background: #191919;
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.1rem white;
+}
+.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: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:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
+ border-color: #29B6F6;
+ background: #29B6F6;
+ color: #212529;
+}
+.p-panelmenu .p-panelmenu-content {
+ padding: 0;
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ border-top: 0;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
+ outline: 0 none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
+ color: #dedede;
+ 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 {
+ padding: 0.857rem;
+ user-select: none;
+}
+.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-content .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.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-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-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: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: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: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: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-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 {
+ margin-bottom: 2px;
+}
+
+.p-steps .p-steps-item .p-menuitem-link {
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+ background: #191919;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: #dedede;
+ border: 1px solid #191919;
+ background: #191919;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: #888888;
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-steps .p-steps-item.p-highlight .p-steps-number {
+ background: #81D4FA;
+ color: #212529;
+}
+.p-steps .p-steps-item.p-highlight .p-steps-title {
+ font-weight: 700;
+ color: #dedede;
+}
+.p-steps .p-steps-item:before {
+ content: " ";
+ border-top: 1px solid #4b4b4b;
+ width: 100%;
+ top: 50%;
+ left: 0;
+ display: block;
+ position: absolute;
+ margin-top: -1rem;
+}
+
+.p-tabmenu .p-tabmenu-nav {
+ background: transparent;
+ border: 0 none;
+ border-width: 1px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 2px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: 1px solid #191919;
+ border-width: 1px;
+ border-color: #191919;
+ background: #191919;
+ color: #dedede;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.1rem white;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #191919;
+ border-color: #191919;
+ color: #81D4FA;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #81D4FA;
+ border-color: #81D4FA;
+ color: #212529;
+}
+
+.p-tieredmenu {
+ padding: 0;
+ background: #252525;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ width: 12.5rem;
+}
+.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;
+ 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 {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #212529;
+ background: #81D4FA;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #81D4FA;
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.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-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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.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: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-menuitem-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
+
+.p-inline-message {
+ padding: 0.5rem;
+ margin: 0;
+ border-radius: 3px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
+
+.p-message {
+ margin: 1rem 0;
+ border-radius: 3px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-message.p-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-info .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-success .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-error .p-message-close {
+ color: #212121;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: normal;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
+
+.p-toast {
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1rem;
+ border-width: 0;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 0.5rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #212121;
+}
+
+.p-galleria .p-galleria-close {
+ margin: 0.5rem;
+ background: transparent;
+ color: #ebedef;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #ebedef;
+}
+.p-galleria .p-galleria-item-nav {
+ background: rgba(0, 0, 0, 0.2);
+ color: #aeb6bf;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
+}
+.p-galleria .p-galleria-caption {
+ background: rgba(0, 0, 0, 0.5);
+ color: #ebedef;
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators {
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #4b4b4b;
+ 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: #4c4c4c;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #81D4FA;
+ color: #212529;
+}
+.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+ margin-right: 0.5rem;
+}
+.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+ margin-bottom: 0.5rem;
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #81D4FA;
+ color: #212529;
+}
+.p-galleria .p-galleria-thumbnail-container {
+ background: rgba(0, 0, 0, 0.9);
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #aeb6bf;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+
+.p-galleria-mask {
+ --maskbg: rgba(0, 0, 0, 0.9);
+}
+
+.p-image-mask {
+ --maskbg: rgba(0, 0, 0, 0.9);
+}
+
+.p-image-preview-indicator {
+ background-color: transparent;
+ color: #f8f9fa;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+
+.p-image-preview-container:hover > .p-image-preview-indicator {
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.p-image-toolbar {
+ padding: 1rem;
+}
+
+.p-image-action.p-link {
+ color: #f8f9fa;
+ background-color: transparent;
+ width: 3rem;
+ height: 3rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-image-action.p-link:last-child {
+ margin-right: 0;
+}
+.p-image-action.p-link:hover {
+ color: #f8f9fa;
+ background-color: rgba(255, 255, 255, 0.1);
+}
+.p-image-action.p-link i {
+ font-size: 1.5rem;
+}
+
+.p-avatar {
+ background-color: #4b4b4b;
+ border-radius: 3px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
+
+.p-avatar-group .p-avatar {
+ border: 2px solid #323232;
+}
+
+.p-badge {
+ background: #81D4FA;
+ color: #212529;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #B0BEC5;
+ color: #121212;
+}
+.p-badge.p-badge-success {
+ background-color: #AED581;
+ color: #212529;
+}
+.p-badge.p-badge-info {
+ background-color: #4FC3F7;
+ color: #212529;
+}
+.p-badge.p-badge-warning {
+ background-color: #FFB74D;
+ color: #212529;
+}
+.p-badge.p-badge-danger {
+ background-color: #E57373;
+ color: #212529;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
+.p-chip {
+ background-color: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+ padding: 0 0.429rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.2145rem;
+ margin-bottom: 0.2145rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 1.929rem;
+ height: 1.929rem;
+ margin-left: -0.429rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+
+.p-inplace .p-inplace-display {
+ padding: 0.429rem 0.429rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 24px;
+ background: #eaeaea;
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #81D4FA;
+}
+.p-progressbar .p-progressbar-label {
+ color: #212529;
+ line-height: 24px;
+}
+
+.p-scrolltop {
+ width: 3rem;
+ height: 3rem;
+ border-radius: 50%;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: #81D4FA;
+}
+.p-scrolltop.p-link:hover {
+ background: #4FC3F7;
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: #212529;
+}
+
+.p-skeleton {
+ background-color: rgba(255, 255, 255, 0.06);
+ border-radius: 3px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
+}
+
+.p-tag {
+ background: #81D4FA;
+ color: #212529;
+ font-size: 0.75rem;
+ font-weight: 700;
+ padding: 0.25rem 0.4rem;
+ border-radius: 3px;
+}
+.p-tag.p-tag-success {
+ background-color: #AED581;
+ color: #212529;
+}
+.p-tag.p-tag-info {
+ background-color: #4FC3F7;
+ color: #212529;
+}
+.p-tag.p-tag-warning {
+ background-color: #FFB74D;
+ color: #212529;
+}
+.p-tag.p-tag-danger {
+ background-color: #E57373;
+ color: #212529;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
+
+.p-terminal {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ padding: 0.571rem 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
+
+/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css
new file mode 100644
index 0000000..023a188
--- /dev/null
+++ b/public/themes/luna-green/theme.css
@@ -0,0 +1,5733 @@
+:root {
+ --surface-a: #191919;
+ --surface-b: #191919;
+ --surface-c: #4c4c4c;
+ --surface-d: #4b4b4b;
+ --surface-e: #323232;
+ --surface-f: #323232;
+ --text-color: #dedede;
+ --text-color-secondary: #888888;
+ --primary-color: #C5E1A5;
+ --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-0: #191919;
+ --surface-50: #303030;
+ --surface-100: #474747;
+ --surface-200: #5e5e5e;
+ --surface-300: #757575;
+ --surface-400: #8c8c8c;
+ --surface-500: #a3a3a3;
+ --surface-600: #bababa;
+ --surface-700: #d1d1d1;
+ --surface-800: #e8e8e8;
+ --surface-900: #ffffff;
+ --gray-50: #e8e8e8;
+ --gray-100: #d1d1d1;
+ --gray-200: #bababa;
+ --gray-300: #a3a3a3;
+ --gray-400: #8c8c8c;
+ --gray-500: #757575;
+ --gray-600: #5e5e5e;
+ --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;
+ --focus-ring: 0 0 0 0.1rem white;
+ --maskbg: rgba(0, 0, 0, 0.4);
+ color-scheme: light dark;
+}
+
+* {
+ box-sizing: border-box;
+}
+
+.p-component {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ font-weight: normal;
+}
+
+.p-component-overlay {
+ background-color: rgba(0, 0, 0, 0.4);
+ transition-duration: 0.2s;
+}
+
+.p-disabled, .p-component:disabled {
+ opacity: 0.5;
+}
+
+.p-error {
+ color: #e57373;
+}
+
+.p-text-secondary {
+ color: #888888;
+}
+
+.pi {
+ font-size: 1rem;
+}
+
+.p-link {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ border-radius: 3px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+
+.p-component-overlay-enter {
+ animation: p-component-overlay-enter-animation 150ms forwards;
+}
+
+.p-component-overlay-leave {
+ animation: p-component-overlay-leave-animation 150ms forwards;
+}
+
+@keyframes p-component-overlay-enter-animation {
+ from {
+ background-color: transparent;
+ }
+ to {
+ background-color: var(--maskbg);
+ }
+}
+@keyframes p-component-overlay-leave-animation {
+ from {
+ background-color: var(--maskbg);
+ }
+ to {
+ background-color: transparent;
+ }
+}
+
+:root {
+ --blue-50:#f3f8fc;
+ --blue-100:#c6dcef;
+ --blue-200:#98c1e3;
+ --blue-300:#6ba5d7;
+ --blue-400:#3d8aca;
+ --blue-500:#106ebe;
+ --blue-600:#0e5ea2;
+ --blue-700:#0b4d85;
+ --blue-800:#093d69;
+ --blue-900:#062c4c;
+ --green-50:#f7fbf6;
+ --green-100:#d6ead1;
+ --green-200:#b6d9ad;
+ --green-300:#96c889;
+ --green-400:#76b765;
+ --green-500:#56a641;
+ --green-600:#498d37;
+ --green-700:#3c742e;
+ --green-800:#2f5b24;
+ --green-900:#22421a;
+ --yellow-50:#fffcf5;
+ --yellow-100:#fdefcd;
+ --yellow-200:#fbe3a6;
+ --yellow-300:#f9d67f;
+ --yellow-400:#f8ca57;
+ --yellow-500:#f6bd30;
+ --yellow-600:#d1a129;
+ --yellow-700:#ac8422;
+ --yellow-800:#87681a;
+ --yellow-900:#624c13;
+ --cyan-50:#f4fbfd;
+ --cyan-100:#ccebf5;
+ --cyan-200:#a4dbed;
+ --cyan-300:#7ccce5;
+ --cyan-400:#54bcdd;
+ --cyan-500:#2cacd5;
+ --cyan-600:#2592b5;
+ --cyan-700:#1f7895;
+ --cyan-800:#185f75;
+ --cyan-900:#124555;
+ --pink-50:#fdf4f9;
+ --pink-100:#f6cce0;
+ --pink-200:#eea3c7;
+ --pink-300:#e77aae;
+ --pink-400:#df5296;
+ --pink-500:#d8297d;
+ --pink-600:#b8236a;
+ --pink-700:#971d58;
+ --pink-800:#771745;
+ --pink-900:#561032;
+ --indigo-50:#f4f6fd;
+ --indigo-100:#ccd3f5;
+ --indigo-200:#a4b0ed;
+ --indigo-300:#7c8de5;
+ --indigo-400:#546add;
+ --indigo-500:#2c47d5;
+ --indigo-600:#253cb5;
+ --indigo-700:#1f3295;
+ --indigo-800:#182775;
+ --indigo-900:#121c55;
+ --teal-50:#f6fbfa;
+ --teal-100:#d1eae5;
+ --teal-200:#add9d1;
+ --teal-300:#89c8bd;
+ --teal-400:#65b7a8;
+ --teal-500:#41a694;
+ --teal-600:#378d7e;
+ --teal-700:#2e7468;
+ --teal-800:#245b51;
+ --teal-900:#1a423b;
+ --orange-50:#fff9f5;
+ --orange-100:#fde4cd;
+ --orange-200:#fbcfa6;
+ --orange-300:#f9ba7f;
+ --orange-400:#f8a457;
+ --orange-500:#f68f30;
+ --orange-600:#d17a29;
+ --orange-700:#ac6422;
+ --orange-800:#874f1a;
+ --orange-900:#623913;
+ --bluegray-50:#f7f8f9;
+ --bluegray-100:#dae0e3;
+ --bluegray-200:#bdc7cd;
+ --bluegray-300:#a0aeb6;
+ --bluegray-400:#8295a0;
+ --bluegray-500:#657c8a;
+ --bluegray-600:#566975;
+ --bluegray-700:#475761;
+ --bluegray-800:#38444c;
+ --bluegray-900:#283237;
+ --purple-50:#f9f8fd;
+ --purple-100:#e1dff7;
+ --purple-200:#cac5f1;
+ --purple-300:#b2abeb;
+ --purple-400:#9b92e4;
+ --purple-500:#8378de;
+ --purple-600:#6f66bd;
+ --purple-700:#5c549b;
+ --purple-800:#48427a;
+ --purple-900:#343059;
+ --red-50:#fdf4f3;
+ --red-100:#f6ccc6;
+ --red-200:#eea39a;
+ --red-300:#e77b6d;
+ --red-400:#df5240;
+ --red-500:#d82a13;
+ --red-600:#b82410;
+ --red-700:#971d0d;
+ --red-800:#77170a;
+ --red-900:#561108;
+ --primary-50:#fcfefb;
+ --primary-100:#f1f8e9;
+ --primary-200:#e6f2d8;
+ --primary-300:#dbecc7;
+ --primary-400:#d0e7b6;
+ --primary-500:#c5e1a5;
+ --primary-600:#a7bf8c;
+ --primary-700:#8a9e74;
+ --primary-800:#6c7c5b;
+ --primary-900:#4f5a42;
+}
+
+.p-autocomplete .p-autocomplete-loader {
+ right: 0.429rem;
+}
+.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
+ right: 2.786rem;
+}
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
+ border-color: #C5E1A5;
+}
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #C5E1A5;
+}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.2145rem 0.429rem;
+ gap: 0.5rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.2145rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #dedede;
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.2145rem 0.429rem;
+ background: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #464646;
+ color: #dedede;
+}
+.p-autocomplete.p-invalid.p-component > .p-inputtext {
+ border-color: #e57373;
+}
+
+.p-autocomplete-panel {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-autocomplete-panel .p-autocomplete-items {
+ padding: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #212529;
+ background: #C5E1A5;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: #c5e1a5;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+}
+
+.p-calendar.p-invalid.p-component > .p-inputtext {
+ border-color: #e57373;
+}
+
+.p-datepicker {
+ padding: 0.857rem;
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #4b4b4b;
+ border-radius: 3px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #323232;
+ border: 1px solid #191919;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #252525;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: #dedede;
+ background: #323232;
+ font-weight: 700;
+ margin: 0;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.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: #dedede;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ font-weight: 700;
+ padding: 0.5rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
+ color: #C5E1A5;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.857rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #212529;
+ background: #C5E1A5;
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: #9CCC65;
+ color: #212529;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #212529;
+ background: #C5E1A5;
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 0.857rem 0 0.429rem 0;
+ border-top: 1px solid #4b4b4b;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #4b4b4b;
+ padding: 0.857rem 0 0.429rem 0;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ 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: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.286rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.429rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.857rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #212529;
+ background: #C5E1A5;
+}
+.p-datepicker .p-yearpicker {
+ margin: 0.857rem 0;
+}
+.p-datepicker .p-yearpicker .p-yearpicker-year {
+ padding: 0.5rem;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
+ color: #212529;
+ background: #C5E1A5;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-left: 1px solid #4b4b4b;
+ padding-right: 0.857rem;
+ padding-left: 0.857rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+ border-left: 0 none;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.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.1rem white;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
+ background: #4c4c4c;
+}
+.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.1rem white;
+}
+.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
+ background: #4c4c4c;
+}
+.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.1rem white;
+}
+
+@media screen and (max-width: 769px) {
+ .p-datepicker table th, .p-datepicker table td {
+ padding: 0;
+ }
+}
+.p-cascadeselect {
+ background: #191919;
+ border: 1px solid #4b4b4b;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ 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;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.429rem 0.429rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: #9b9b9b;
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: #888888;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #e57373;
+}
+
+.p-cascadeselect-panel {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #212529;
+ background: #C5E1A5;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: #c5e1a5;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.429rem 0.857rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
+
+.p-input-filled .p-cascadeselect {
+ background: #4b4b4b;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #4b4b4b;
+}
+
+.p-checkbox {
+ width: 20px;
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 1px solid #4b4b4b;
+ background: #191919;
+ width: 20px;
+ height: 20px;
+ color: #dedede;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #212529;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #C5E1A5;
+ background: #C5E1A5;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ 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;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #9CCC65;
+ background: #9CCC65;
+ color: #212529;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #e57373;
+}
+
+.p-input-filled .p-checkbox .p-checkbox-box {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ 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;
+}
+
+.p-highlight .p-checkbox .p-checkbox-box {
+ border-color: #212529;
+}
+
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
+ border-color: #C5E1A5;
+}
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #C5E1A5;
+}
+.p-chips .p-chips-multiple-container {
+ padding: 0.2145rem 0.429rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #464646;
+ color: #dedede;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.2145rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #dedede;
+ padding: 0;
+ margin: 0;
+}
+.p-chips.p-invalid.p-component > .p-inputtext {
+ border-color: #e57373;
+}
+
+.p-colorpicker-preview {
+ width: 2rem;
+ height: 2rem;
+}
+
+.p-colorpicker-panel {
+ background: #323232;
+ border: 1px solid #191919;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
+
+.p-colorpicker-overlay-panel {
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+
+.p-dropdown {
+ background: #191919;
+ border: 1px solid #4b4b4b;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ 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;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.429rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: #9b9b9b;
+}
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: #888888;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: #888888;
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #e57373;
+}
+
+.p-dropdown-panel {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-dropdown-panel .p-dropdown-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #191919;
+ color: #dedede;
+ background: #252525;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.429rem;
+ margin-right: -1.429rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.429rem;
+ color: #888888;
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #212529;
+ background: #C5E1A5;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: #c5e1a5;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #dedede;
+ background: transparent;
+}
+
+.p-input-filled .p-dropdown {
+ background: #4b4b4b;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+ background-color: transparent;
+}
+
+.p-editor-container .p-editor-toolbar {
+ background: #191919;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #191919;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: #888888;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: #888888;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: #888888;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #323232;
+ border: 1px solid #191919;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+ padding: 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.429rem 0.857rem;
+}
+.p-editor-container .p-editor-content {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #191919;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #191919;
+ color: #dedede;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover,
+.p-editor-container .ql-snow.ql-toolbar button:focus {
+ color: #dedede;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: #dedede;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: #dedede;
+}
+.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;
+}
+.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;
+}
+.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;
+}
+.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;
+}
+
+.p-inputgroup-addon {
+ background: #252525;
+ color: #888888;
+ border-top: 1px solid #4b4b4b;
+ border-left: 1px solid #4b4b4b;
+ border-bottom: 1px solid #4b4b4b;
+ padding: 0.429rem 0.429rem;
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #4b4b4b;
+}
+
+.p-inputgroup > .p-component,
+.p-inputgroup > .p-inputwrapper > .p-inputtext,
+.p-inputgroup > .p-float-label > .p-component {
+ border-radius: 0;
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
+
+.p-inputgroup-addon:first-child,
+.p-inputgroup button:first-child,
+.p-inputgroup input:first-child,
+.p-inputgroup > .p-inputwrapper:first-child,
+.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+
+.p-inputgroup .p-float-label:first-child input {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+
+.p-inputgroup-addon:last-child,
+.p-inputgroup button:last-child,
+.p-inputgroup input:last-child,
+.p-inputgroup > .p-inputwrapper:last-child,
+.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+.p-inputgroup .p-float-label:last-child input {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+.p-fluid .p-inputgroup .p-button {
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
+
+.p-inputnumber.p-invalid.p-component > .p-inputtext {
+ border-color: #e57373;
+}
+
+.p-inputswitch {
+ width: 3rem;
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #4b4b4b;
+ 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: #323232;
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #4b4b4b;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ 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;
+}
+.p-inputswitch.p-invalid {
+ border-color: #e57373;
+}
+
+.p-inputtext {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #dedede;
+ background: #191919;
+ padding: 0.429rem 0.429rem;
+ border: 1px solid #4b4b4b;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ appearance: none;
+ border-radius: 3px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #C5E1A5;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #C5E1A5;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #e57373;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.375375rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 0.53625rem;
+}
+
+.p-float-label > label {
+ left: 0.429rem;
+ color: #9b9b9b;
+ transition-duration: 0.2s;
+}
+
+.p-float-label > .p-invalid + label {
+ color: #e57373;
+}
+
+.p-input-icon-left > i:first-of-type {
+ left: 0.429rem;
+ color: #888888;
+}
+
+.p-input-icon-left > .p-inputtext {
+ padding-left: 1.858rem;
+}
+
+.p-input-icon-left.p-float-label > label {
+ left: 1.858rem;
+}
+
+.p-input-icon-right > i:last-of-type {
+ right: 0.429rem;
+ color: #888888;
+}
+
+.p-input-icon-right > .p-inputtext {
+ padding-right: 1.858rem;
+}
+
+::-webkit-input-placeholder {
+ color: #9b9b9b;
+}
+
+:-moz-placeholder {
+ color: #9b9b9b;
+}
+
+::-moz-placeholder {
+ color: #9b9b9b;
+}
+
+:-ms-input-placeholder {
+ color: #9b9b9b;
+}
+
+.p-input-filled .p-inputtext {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #4b4b4b;
+}
+
+.p-inputtext-sm .p-inputtext {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.375375rem;
+}
+
+.p-inputtext-lg .p-inputtext {
+ font-size: 1.25rem;
+ padding: 0.53625rem 0.53625rem;
+}
+
+.p-listbox {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #4b4b4b;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #191919;
+ color: #dedede;
+ background: #252525;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.429rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.429rem;
+ color: #888888;
+}
+.p-listbox .p-listbox-list {
+ padding: 0;
+ outline: 0 none;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #212529;
+ background: #C5E1A5;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #dedede;
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: #c5e1a5;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #C5E1A5;
+}
+.p-listbox.p-invalid {
+ border-color: #e57373;
+}
+
+.p-multiselect {
+ background: #191919;
+ border: 1px solid #4b4b4b;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ 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;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: #9b9b9b;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: #888888;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #e57373;
+}
+
+.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
+ padding: 0.2145rem 0.429rem;
+}
+
+.p-multiselect-panel {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-multiselect-panel .p-multiselect-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #191919;
+ color: #dedede;
+ background: #252525;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.429rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.429rem;
+ color: #888888;
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ 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: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #212529;
+ background: #C5E1A5;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: #c5e1a5;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #dedede;
+ background: transparent;
+}
+
+.p-input-filled .p-multiselect {
+ background: #4b4b4b;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #4b4b4b;
+}
+
+.p-password.p-invalid.p-component > .p-inputtext {
+ border-color: #e57373;
+}
+
+.p-password-panel {
+ padding: 0.571rem 1rem;
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #eaeaea;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #E57373;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #FFB74D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #AED581;
+}
+
+.p-radiobutton {
+ width: 20px;
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 1px solid #4b4b4b;
+ background: #191919;
+ width: 20px;
+ height: 20px;
+ color: #dedede;
+ 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: #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;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.2s;
+ background-color: #212529;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #C5E1A5;
+ background: #C5E1A5;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #9CCC65;
+ background: #9CCC65;
+ color: #212529;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #e57373;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
+
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #C5E1A5;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #9CCC65;
+}
+
+.p-highlight .p-radiobutton .p-radiobutton-box {
+ border-color: #212529;
+}
+
+.p-rating {
+ gap: 0.5rem;
+}
+.p-rating .p-rating-item .p-rating-icon {
+ color: #dedede;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
+ color: #e4018d;
+}
+.p-rating .p-rating-item.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #C5E1A5;
+}
+.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
+ color: #C5E1A5;
+}
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
+ color: #C5E1A5;
+}
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
+ color: #b5019f;
+}
+
+.p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
+ color: #212529;
+}
+
+.p-selectbutton .p-button {
+ background: #252525;
+ border: 1px solid #252525;
+ color: #dedede;
+ 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: #888888;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #4c4c4c;
+ border-color: #4c4c4c;
+ color: #dedede;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #dedede;
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #C5E1A5;
+ border-color: #C5E1A5;
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #AED581;
+ border-color: #AED581;
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #212529;
+}
+.p-selectbutton.p-invalid > .p-button {
+ border-color: #e57373;
+}
+
+.p-slider {
+ background: #4b4b4b;
+ border: 0 none;
+ border-radius: 3px;
+}
+.p-slider.p-slider-horizontal {
+ height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -0.5715rem;
+ margin-left: -0.5715rem;
+}
+.p-slider.p-slider-vertical {
+ width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -0.5715rem;
+ margin-bottom: -0.5715rem;
+}
+.p-slider .p-slider-handle {
+ height: 1.143rem;
+ width: 1.143rem;
+ background: #4c4c4c;
+ border: 2px solid #C5E1A5;
+ border-radius: 100%;
+ 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.1rem white;
+}
+.p-slider .p-slider-range {
+ background: #C5E1A5;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: #C5E1A5;
+ border-color: #C5E1A5;
+}
+
+.p-treeselect {
+ background: #191919;
+ border: 1px solid #4b4b4b;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ 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;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: #9b9b9b;
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: #888888;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #e57373;
+}
+
+.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
+ padding: 0.2145rem 0.429rem;
+}
+
+.p-treeselect-panel {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.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.429rem 0.857rem;
+ color: #dedede;
+ background: transparent;
+}
+
+.p-input-filled .p-treeselect {
+ background: #4b4b4b;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #4b4b4b;
+}
+
+.p-togglebutton.p-button {
+ background: #252525;
+ border: 1px solid #252525;
+ color: #dedede;
+ 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: #888888;
+}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #C5E1A5;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #4c4c4c;
+ border-color: #4c4c4c;
+ color: #dedede;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #dedede;
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #C5E1A5;
+ border-color: #C5E1A5;
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #AED581;
+ border-color: #AED581;
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #212529;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #e57373;
+}
+
+.p-button {
+ color: #212529;
+ 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:enabled:hover {
+ background: #AED581;
+ color: #212529;
+ border-color: #AED581;
+}
+.p-button:enabled:active {
+ background: #9CCC65;
+ color: #212529;
+ border-color: #9CCC65;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(197, 225, 165, 0.04);
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(197, 225, 165, 0.16);
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: #888888;
+ border-color: #888888;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: #4c4c4c;
+ color: #888888;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: #3c3c3c;
+ color: #888888;
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #C5E1A5;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(197, 225, 165, 0.04);
+ color: #C5E1A5;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(197, 225, 165, 0.16);
+ color: #C5E1A5;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: #888888;
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: #4c4c4c;
+ color: #888888;
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: #3c3c3c;
+ color: #888888;
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #C5E1A5;
+ background-color: #212529;
+}
+.p-button.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.429rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
+
+.p-fluid .p-button {
+ width: 100%;
+}
+.p-fluid .p-button-icon-only {
+ width: 2.357rem;
+}
+.p-fluid .p-buttonset {
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
+
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ color: #121212;
+ background: #B0BEC5;
+ border: 1px solid #B0BEC5;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #90A4AE;
+ color: #121212;
+ border-color: #90A4AE;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #CFD8DC;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #78909C;
+ color: #121212;
+ border-color: #78909C;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #B0BEC5;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(176, 190, 197, 0.04);
+ color: #B0BEC5;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(176, 190, 197, 0.16);
+ color: #B0BEC5;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #B0BEC5;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(176, 190, 197, 0.04);
+ border-color: transparent;
+ color: #B0BEC5;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(176, 190, 197, 0.16);
+ border-color: transparent;
+ color: #B0BEC5;
+}
+
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ color: #212529;
+ background: #4FC3F7;
+ border: 1px solid #4FC3F7;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #29B6F6;
+ color: #212529;
+ border-color: #29B6F6;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #E1F5FE;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #03A9F4;
+ color: #212529;
+ border-color: #03A9F4;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #4FC3F7;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(79, 195, 247, 0.04);
+ color: #4FC3F7;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(79, 195, 247, 0.16);
+ color: #4FC3F7;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #4FC3F7;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(79, 195, 247, 0.04);
+ border-color: transparent;
+ color: #4FC3F7;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(79, 195, 247, 0.16);
+ border-color: transparent;
+ color: #4FC3F7;
+}
+
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ color: #212529;
+ background: #AED581;
+ border: 1px solid #AED581;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #9CCC65;
+ color: #212529;
+ border-color: #9CCC65;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #F1F8E9;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: #8BC34A;
+ color: #212529;
+ border-color: #8BC34A;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #AED581;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(174, 213, 129, 0.04);
+ color: #AED581;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(174, 213, 129, 0.16);
+ color: #AED581;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #AED581;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(174, 213, 129, 0.04);
+ border-color: transparent;
+ color: #AED581;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(174, 213, 129, 0.16);
+ border-color: transparent;
+ color: #AED581;
+}
+
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ color: #212529;
+ background: #FFB74D;
+ border: 1px solid #FFB74D;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #FFA726;
+ color: #212529;
+ border-color: #FFA726;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #FFFDE7;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #FF9800;
+ color: #212529;
+ border-color: #FF9800;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFB74D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 183, 77, 0.04);
+ color: #FFB74D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 183, 77, 0.16);
+ color: #FFB74D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #FFB74D;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 183, 77, 0.04);
+ border-color: transparent;
+ color: #FFB74D;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 183, 77, 0.16);
+ border-color: transparent;
+ color: #FFB74D;
+}
+
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ color: #121212;
+ background: #CE93D8;
+ border: 1px solid #CE93D8;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #BA68C8;
+ color: #121212;
+ border-color: #BA68C8;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #CE93D8;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #AB47BC;
+ color: #121212;
+ border-color: #AB47BC;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ border-color: transparent;
+ color: #CE93D8;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ border-color: transparent;
+ color: #CE93D8;
+}
+
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ color: #212529;
+ background: #E57373;
+ border: 1px solid #E57373;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #EF5350;
+ color: #212529;
+ border-color: #EF5350;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #FFEBEE;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #F44336;
+ color: #212529;
+ border-color: #F44336;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #E57373;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(229, 115, 115, 0.04);
+ color: #E57373;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(229, 115, 115, 0.16);
+ color: #E57373;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #E57373;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(229, 115, 115, 0.04);
+ border-color: transparent;
+ color: #E57373;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(229, 115, 115, 0.16);
+ border-color: transparent;
+ color: #E57373;
+}
+
+.p-button.p-button-link {
+ color: #C5E1A5;
+ background: transparent;
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #C5E1A5;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 0.2rem white;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #C5E1A5;
+ border-color: transparent;
+}
+
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: #474747;
+ color: #fff;
+}
+.p-speeddial-action:hover {
+ background: #4d4d4d;
+ color: #fff;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
+.p-splitbutton {
+ border-radius: 3px;
+}
+.p-splitbutton.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #C5E1A5;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(197, 225, 165, 0.04);
+ color: #C5E1A5;
+}
+.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(197, 225, 165, 0.16);
+ color: #C5E1A5;
+}
+.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
+ color: #888888;
+ border-color: #888888;
+}
+.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: #4c4c4c;
+ color: #888888;
+}
+.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: #3c3c3c;
+ color: #888888;
+}
+.p-splitbutton.p-button-text > .p-button {
+ background-color: transparent;
+ color: #C5E1A5;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(197, 225, 165, 0.04);
+ color: #C5E1A5;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(197, 225, 165, 0.16);
+ color: #C5E1A5;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-text.p-button-plain > .p-button {
+ color: #888888;
+}
+.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: #4c4c4c;
+ color: #888888;
+}
+.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: #3c3c3c;
+ color: #888888;
+}
+.p-splitbutton.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-splitbutton.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-splitbutton.p-button-rounded > .p-button {
+ border-radius: 2rem;
+}
+.p-splitbutton.p-button-sm > .p-button {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.875rem;
+}
+.p-splitbutton.p-button-sm > .p-button .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-splitbutton.p-button-lg > .p-button {
+ font-size: 1.25rem;
+ padding: 0.53625rem 1.25rem;
+}
+.p-splitbutton.p-button-lg > .p-button .p-button-icon {
+ font-size: 1.25rem;
+}
+
+.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #B0BEC5;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(176, 190, 197, 0.04);
+ color: #B0BEC5;
+}
+.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(176, 190, 197, 0.16);
+ color: #B0BEC5;
+}
+.p-splitbutton.p-button-secondary.p-button-text > .p-button {
+ background-color: transparent;
+ color: #B0BEC5;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(176, 190, 197, 0.04);
+ border-color: transparent;
+ color: #B0BEC5;
+}
+.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(176, 190, 197, 0.16);
+ border-color: transparent;
+ color: #B0BEC5;
+}
+
+.p-splitbutton.p-button-info.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #4FC3F7;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(79, 195, 247, 0.04);
+ color: #4FC3F7;
+}
+.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(79, 195, 247, 0.16);
+ color: #4FC3F7;
+}
+.p-splitbutton.p-button-info.p-button-text > .p-button {
+ background-color: transparent;
+ color: #4FC3F7;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(79, 195, 247, 0.04);
+ border-color: transparent;
+ color: #4FC3F7;
+}
+.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(79, 195, 247, 0.16);
+ border-color: transparent;
+ color: #4FC3F7;
+}
+
+.p-splitbutton.p-button-success.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #AED581;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(174, 213, 129, 0.04);
+ color: #AED581;
+}
+.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(174, 213, 129, 0.16);
+ color: #AED581;
+}
+.p-splitbutton.p-button-success.p-button-text > .p-button {
+ background-color: transparent;
+ color: #AED581;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(174, 213, 129, 0.04);
+ border-color: transparent;
+ color: #AED581;
+}
+.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(174, 213, 129, 0.16);
+ border-color: transparent;
+ color: #AED581;
+}
+
+.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #FFB74D;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(255, 183, 77, 0.04);
+ color: #FFB74D;
+}
+.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(255, 183, 77, 0.16);
+ color: #FFB74D;
+}
+.p-splitbutton.p-button-warning.p-button-text > .p-button {
+ background-color: transparent;
+ color: #FFB74D;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(255, 183, 77, 0.04);
+ border-color: transparent;
+ color: #FFB74D;
+}
+.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(255, 183, 77, 0.16);
+ border-color: transparent;
+ color: #FFB74D;
+}
+
+.p-splitbutton.p-button-help.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(206, 147, 216, 0.04);
+ color: #CE93D8;
+}
+.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+}
+.p-splitbutton.p-button-help.p-button-text > .p-button {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(206, 147, 216, 0.04);
+ border-color: transparent;
+ color: #CE93D8;
+}
+.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(206, 147, 216, 0.16);
+ border-color: transparent;
+ color: #CE93D8;
+}
+
+.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #E57373;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(229, 115, 115, 0.04);
+ color: #E57373;
+}
+.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(229, 115, 115, 0.16);
+ color: #E57373;
+}
+.p-splitbutton.p-button-danger.p-button-text > .p-button {
+ background-color: transparent;
+ color: #E57373;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(229, 115, 115, 0.04);
+ border-color: transparent;
+ color: #E57373;
+}
+.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(229, 115, 115, 0.16);
+ border-color: transparent;
+ color: #E57373;
+}
+
+.p-carousel .p-carousel-content .p-carousel-prev,
+.p-carousel .p-carousel-content .p-carousel-next {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-carousel .p-carousel-indicators {
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #4b4b4b;
+ 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: #4c4c4c;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: #C5E1A5;
+ color: #212529;
+}
+
+.p-datatable .p-paginator-top {
+ border-width: 1px 1px 0 1px;
+ border-radius: 0;
+}
+.p-datatable .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+ border-radius: 0;
+}
+.p-datatable .p-datatable-header {
+ background: #191919;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-width: 1px 1px 0 1px;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-datatable .p-datatable-footer {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-width: 0 1px 1px 1px;
+ padding: 0.571rem 1rem;
+ font-weight: normal;
+}
+.p-datatable .p-datatable-thead > tr > th {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #191919;
+ border-width: 1px 1px 1px 1px;
+ font-weight: 700;
+ color: #dedede;
+ background: #252525;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tfoot > tr > td {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #191919;
+ border-width: 1px;
+ font-weight: 700;
+ color: #dedede;
+ background: #252525;
+}
+.p-datatable .p-sortable-column .p-sortable-column-icon {
+ color: #888888;
+ margin-left: 0.5rem;
+}
+.p-datatable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #212529;
+ background: #C5E1A5;
+ margin-left: 0.5rem;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #dedede;
+}
+.p-datatable .p-sortable-column.p-highlight {
+ background: #C5E1A5;
+ color: #212529;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #212529;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: #C5E1A5;
+ color: #212529;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #212529;
+}
+.p-datatable .p-sortable-column:focus {
+ box-shadow: inset 0 0 0 0.15rem white;
+ outline: 0 none;
+}
+.p-datatable .p-datatable-tbody > tr {
+ background: #323232;
+ color: #dedede;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #191919;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 700;
+}
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid white;
+ outline-offset: -0.15rem;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: #C5E1A5;
+ color: #212529;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ 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;
+}
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-datatable .p-column-resizer-helper {
+ background: #C5E1A5;
+}
+.p-datatable .p-datatable-scrollable-header,
+.p-datatable .p-datatable-scrollable-footer {
+ background: #191919;
+}
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-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: #252525;
+}
+.p-datatable .p-datatable-loading-icon {
+ font-size: 2rem;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-header {
+ border-width: 1px 1px 0 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-footer {
+ border-width: 0 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-paginator-top {
+ border-width: 0 1px 0 1px;
+}
+.p-datatable.p-datatable-gridlines .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
+ border-width: 1px 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
+ border-width: 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
+ border-width: 1px;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
+ background: #323232;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: #C5E1A5;
+ color: #212529;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #212529;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #212529;
+}
+.p-datatable.p-datatable-sm .p-datatable-header {
+ padding: 0.72845rem 0.85rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
+ padding: 0.48535rem 0.85rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-footer {
+ padding: 0.48535rem 0.85rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-header {
+ padding: 1.07125rem 1.25rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
+ padding: 0.71375rem 1.25rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-footer {
+ padding: 0.71375rem 1.25rem;
+}
+
+.p-dataview .p-paginator-top {
+ border-width: 1px 1px 0 1px;
+ border-radius: 0;
+}
+.p-dataview .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+ border-radius: 0;
+}
+.p-dataview .p-dataview-header {
+ background: #191919;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-width: 1px 1px 0 1px;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-dataview .p-dataview-content {
+ background: #323232;
+ color: #dedede;
+ border: 0 none;
+ padding: 0;
+}
+.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
+ border: 1px solid #4b4b4b;
+ border-width: 1px;
+}
+.p-dataview .p-dataview-footer {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-width: 0 1px 1px 1px;
+ padding: 0.571rem 1rem;
+ font-weight: normal;
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+.p-column-filter-row .p-column-filter-menu-button,
+.p-column-filter-row .p-column-filter-clear-button {
+ margin-left: 0.5rem;
+}
+
+.p-column-filter-menu-button {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: transparent;
+ 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;
+ color: #212529;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+
+.p-column-filter-clear-button {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+
+.p-column-filter-overlay {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #212529;
+ 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;
+ background: #4c4c4c;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem white;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+
+.p-column-filter-overlay-menu .p-column-filter-operator {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #191919;
+ color: #dedede;
+ background: #252525;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint {
+ padding: 0.571rem 1rem;
+ border-bottom: 1px solid #4b4b4b;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
+.p-column-filter-overlay-menu .p-column-filter-add-rule {
+ padding: 0.571rem 1rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-buttonbar {
+ padding: 0.571rem 1rem;
+}
+
+.fc {
+ /* FullCalendar 4 */
+ /* FullCalendar 5 */
+}
+.fc.fc-unthemed .fc-view-container th {
+ background: #191919;
+ border: 1px solid #191919;
+ color: #dedede;
+}
+.fc.fc-unthemed .fc-view-container td.fc-widget-content {
+ border: 1px solid #191919;
+ color: #dedede;
+}
+.fc.fc-unthemed .fc-view-container td.fc-head-container {
+ border: 1px solid #191919;
+}
+.fc.fc-unthemed .fc-view-container .fc-view {
+ background: #323232;
+}
+.fc.fc-unthemed .fc-view-container .fc-row {
+ border-right: 1px solid #191919;
+}
+.fc.fc-unthemed .fc-view-container .fc-event {
+ background: #AED581;
+ border: 1px solid #AED581;
+ color: #212529;
+}
+.fc.fc-unthemed .fc-view-container .fc-divider {
+ background: #191919;
+ border: 1px solid #191919;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button {
+ color: #212529;
+ background: #C5E1A5;
+ border: 1px solid #C5E1A5;
+ font-size: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+ display: flex;
+ align-items: center;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover {
+ background: #AED581;
+ color: #212529;
+ border-color: #AED581;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active {
+ background: #9CCC65;
+ color: #212529;
+ border-color: #9CCC65;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "\e900";
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "\e901";
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #252525;
+ border: 1px solid #252525;
+ color: #dedede;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #4c4c4c;
+ border-color: #4c4c4c;
+ color: #dedede;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #C5E1A5;
+ border-color: #C5E1A5;
+ color: #212529;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #AED581;
+ border-color: #AED581;
+ color: #212529;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ z-index: 1;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button {
+ border-radius: 0;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid {
+ border-color: #191919;
+}
+.fc.fc-theme-standard .fc-view-harness th {
+ background: #191919;
+ border-color: #191919;
+ color: #dedede;
+}
+.fc.fc-theme-standard .fc-view-harness td {
+ color: #dedede;
+ border-color: #191919;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-view {
+ background: #323232;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover {
+ background: none;
+ border: 0 none;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header {
+ border: 1px solid #191919;
+ padding: 0.857rem 1rem;
+ background: #191919;
+ color: #dedede;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close {
+ opacity: 1;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ overflow: hidden;
+ font-family: "PrimeIcons" !important;
+ font-size: 1rem;
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before {
+ content: "\e90b";
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body {
+ padding: 0.571rem 1rem;
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ border-top: 0 none;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
+ color: #212529;
+ background: #AED581;
+ border-color: #AED581;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main {
+ color: #212529;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot {
+ background: #AED581;
+ border-color: #AED581;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
+ background: #191919;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button {
+ color: #212529;
+ background: #C5E1A5;
+ border: 1px solid #C5E1A5;
+ font-size: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
+ background: #AED581;
+ color: #212529;
+ border-color: #AED581;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active {
+ background: #9CCC65;
+ color: #212529;
+ border-color: #9CCC65;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:disabled {
+ opacity: 0.5;
+ color: #212529;
+ background: #C5E1A5;
+ border: 1px solid #C5E1A5;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "\e900";
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "\e901";
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #252525;
+ border: 1px solid #252525;
+ color: #dedede;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #4c4c4c;
+ border-color: #4c4c4c;
+ color: #dedede;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #C5E1A5;
+ border-color: #C5E1A5;
+ color: #212529;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #AED581;
+ border-color: #AED581;
+ color: #212529;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ z-index: 1;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button {
+ border-radius: 0;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.fc.fc-theme-standard .fc-highlight {
+ color: #212529;
+ background: #C5E1A5;
+}
+
+.p-orderlist .p-orderlist-controls {
+ padding: 0.571rem 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
+.p-orderlist .p-orderlist-header {
+ background: #191919;
+ color: #dedede;
+ border: 1px solid #191919;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list {
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ padding: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem white;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #212529;
+ background: #C5E1A5;
+}
+.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
+ background: #323232;
+}
+.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
+ background: #4c4c4c;
+}
+
+.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight {
+ background: #C5E1A5;
+ color: #212529;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: #87c145;
+}
+.p-organizationchart .p-organizationchart-line-down {
+ background: #191919;
+}
+.p-organizationchart .p-organizationchart-line-left {
+ border-right: 1px solid #191919;
+ border-color: #191919;
+}
+.p-organizationchart .p-organizationchart-line-top {
+ border-top: 1px solid #191919;
+ border-color: #191919;
+}
+.p-organizationchart .p-organizationchart-node-content {
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ padding: 0.571rem 1rem;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
+ background: inherit;
+ color: inherit;
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+
+.p-paginator {
+ background: #252525;
+ color: #dedede;
+ border: solid #191919;
+ border-width: 1px;
+ padding: 0;
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: #dedede;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: #e0e0e0;
+ border-color: transparent;
+ color: #4c4c4c;
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.357rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-page-input {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+}
+.p-paginator .p-paginator-page-input .p-inputtext {
+ max-width: 2.357rem;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: #dedede;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: #dedede;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: #C5E1A5;
+ border-color: #C5E1A5;
+ color: #212529;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: #e0e0e0;
+ border-color: transparent;
+ color: #4c4c4c;
+}
+
+.p-picklist .p-picklist-buttons {
+ padding: 0.571rem 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
+.p-picklist .p-picklist-header {
+ background: #191919;
+ color: #dedede;
+ border: 1px solid #191919;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-picklist .p-picklist-list {
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ padding: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem white;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #212529;
+ background: #C5E1A5;
+}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: #323232;
+}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: #4c4c4c;
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 0 none;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #C5E1A5;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #191919;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
+.p-tree {
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ padding: 0.571rem 1rem;
+ border-radius: 3px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ padding: 0;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ 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: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: #888888;
+}
+.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: #dedede;
+}
+.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 white;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: #C5E1A5;
+ color: #212529;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #212529;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #212529;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.429rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.429rem;
+ color: #888888;
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
+
+.p-treetable .p-paginator-top {
+ border-width: 1px 1px 0 1px;
+ border-radius: 0;
+}
+.p-treetable .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+ border-radius: 0;
+}
+.p-treetable .p-treetable-header {
+ background: #191919;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-width: 1px 1px 0 1px;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-treetable .p-treetable-footer {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-width: 0 1px 1px 1px;
+ padding: 0.571rem 1rem;
+ font-weight: normal;
+}
+.p-treetable .p-treetable-thead > tr > th {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #191919;
+ border-width: 1px 1px 1px 1px;
+ font-weight: 700;
+ color: #dedede;
+ background: #252525;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treetable .p-treetable-tfoot > tr > td {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #191919;
+ border-width: 1px;
+ font-weight: 700;
+ color: #dedede;
+ background: #252525;
+}
+.p-treetable .p-sortable-column {
+ outline-color: white;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: #888888;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #212529;
+ background: #C5E1A5;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #dedede;
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #C5E1A5;
+ color: #212529;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #212529;
+}
+.p-treetable .p-treetable-tbody > tr {
+ background: #323232;
+ color: #dedede;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #191919;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.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: #dedede;
+}
+.p-treetable .p-treetable-tbody > tr:focus {
+ outline: 0.15rem solid white;
+ outline-offset: -0.15rem;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: #C5E1A5;
+ color: #212529;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #212529;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #212529;
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: #dedede;
+}
+.p-treetable .p-column-resizer-helper {
+ background: #C5E1A5;
+}
+.p-treetable .p-treetable-scrollable-header,
+.p-treetable .p-treetable-scrollable-footer {
+ background: #191919;
+}
+.p-treetable .p-treetable-loading-icon {
+ font-size: 2rem;
+}
+.p-treetable.p-treetable-gridlines .p-datatable-header {
+ border-width: 1px 1px 0 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-footer {
+ border-width: 0 1px 1px 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-top {
+ border-width: 0 1px 0 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-bottom {
+ border-width: 0 1px 1px 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
+ border-width: 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
+ border-width: 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
+ border-width: 1px;
+}
+.p-treetable.p-treetable-sm .p-treetable-header {
+ padding: 0.749875rem 0.875rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
+ padding: 0.48535rem 0.85rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-footer {
+ padding: 0.48535rem 0.85rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-header {
+ padding: 1.07125rem 1.25rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
+ padding: 0.71375rem 1.25rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-footer {
+ padding: 0.71375rem 1.25rem;
+}
+
+.p-accordion .p-accordion-header .p-accordion-header-link {
+ padding: 0.857rem 1rem;
+ 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-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
+.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.1rem white;
+}
+.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
+ background: #191919;
+ border-color: #191919;
+ color: #C5E1A5;
+}
+.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
+ 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;
+ color: #212529;
+}
+.p-accordion .p-accordion-content {
+ padding: 0.571rem 1rem;
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ border-top: 0;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-accordion .p-accordion-tab {
+ margin-bottom: 2px;
+}
+
+.p-card {
+ background: #323232;
+ color: #dedede;
+ 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: 3px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+ color: #888888;
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
+
+.p-fieldset {
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ border-radius: 3px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 0.857rem 1rem;
+ border: 1px solid #191919;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+ border-radius: 3px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 0.857rem 1rem;
+ color: #dedede;
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: #C5E1A5;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: #191919;
+ border-color: #191919;
+ color: #C5E1A5;
+}
+.p-fieldset .p-fieldset-content {
+ padding: 0.571rem 1rem;
+}
+
+.p-divider .p-divider-content {
+ background-color: #323232;
+}
+.p-divider.p-divider-horizontal {
+ margin: 1rem 0;
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #4b4b4b;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
+.p-divider.p-divider-vertical {
+ margin: 0 1rem;
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #4b4b4b;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
+
+.p-panel .p-panel-header {
+ border: 1px solid #191919;
+ padding: 0.857rem 1rem;
+ background: #191919;
+ color: #dedede;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 700;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ 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: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-panel.p-panel-toggleable .p-panel-header {
+ padding: 0.857rem 1rem;
+}
+.p-panel .p-panel-content {
+ padding: 0.571rem 1rem;
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+ border-top: 0 none;
+}
+.p-panel .p-panel-footer {
+ padding: 0.571rem 1rem;
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ border-top: 0 none;
+}
+
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #3f3f3f;
+ border: 0 none;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+
+.p-splitter {
+ border: 1px solid #191919;
+ background: #323232;
+ border-radius: 3px;
+ color: #dedede;
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: #191919;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #4b4b4b;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #4b4b4b;
+}
+
+.p-tabview .p-tabview-nav {
+ background: transparent;
+ border: 0 none;
+ border-width: 1px;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 2px;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: 1px solid #191919;
+ border-width: 1px;
+ border-color: #191919;
+ background: #191919;
+ color: #dedede;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.1rem white;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #191919;
+ border-color: #191919;
+ color: #C5E1A5;
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #C5E1A5;
+ border-color: #C5E1A5;
+ color: #212529;
+}
+.p-tabview .p-tabview-nav-btn.p-link {
+ 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);
+ border-radius: 0;
+}
+.p-tabview .p-tabview-nav-btn.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.1rem white;
+}
+.p-tabview .p-tabview-panels {
+ background: #323232;
+ padding: 0.571rem 1rem;
+ border: 1px solid #191919;
+ color: #dedede;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+
+.p-toolbar {
+ background: #191919;
+ border: 1px solid #191919;
+ padding: 0.857rem 1rem;
+ border-radius: 3px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
+
+.p-confirm-popup {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-confirm-popup .p-confirm-popup-content {
+ padding: 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1rem 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(50, 50, 50, 0);
+ border-bottom-color: #323232;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(25, 25, 25, 0);
+ border-bottom-color: #191919;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #323232;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #191919;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
+
+.p-dialog {
+ border-radius: 3px;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+ border: 1px solid #191919;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 1px solid #191919;
+ background: #191919;
+ color: #dedede;
+ padding: 1rem;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 700;
+ font-size: 1rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #323232;
+ color: #dedede;
+ padding: 1rem;
+}
+.p-dialog .p-dialog-content:last-of-type {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ padding: 0.571rem 1rem;
+ text-align: right;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
+
+.p-overlaypanel {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 0.571rem 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #C5E1A5;
+ color: #212529;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #AED581;
+ color: #212529;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(50, 50, 50, 0);
+ border-bottom-color: #323232;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(25, 25, 25, 0);
+ border-bottom-color: #181818;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #323232;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #191919;
+}
+
+.p-sidebar {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 0.857rem 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 0.571rem 1rem;
+}
+
+.p-tooltip .p-tooltip-text {
+ background: #4c4c4c;
+ color: #dedede;
+ padding: 0.429rem 0.429rem;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+}
+.p-tooltip.p-tooltip-right .p-tooltip-arrow {
+ border-right-color: #4c4c4c;
+}
+.p-tooltip.p-tooltip-left .p-tooltip-arrow {
+ border-left-color: #4c4c4c;
+}
+.p-tooltip.p-tooltip-top .p-tooltip-arrow {
+ border-top-color: #4c4c4c;
+}
+.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
+ border-bottom-color: #4c4c4c;
+}
+
+.p-fileupload .p-fileupload-buttonbar {
+ background: #191919;
+ padding: 0.857rem 1rem;
+ border: 1px solid #191919;
+ color: #dedede;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ gap: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-fileupload .p-fileupload-content {
+ background: #323232;
+ padding: 0.571rem 1rem;
+ border: 1px solid #191919;
+ color: #dedede;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #4b4b4b;
+ border-radius: 3px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-progressbar {
+ height: 0.25rem;
+}
+.p-fileupload .p-fileupload-row > div {
+ padding: 0.571rem 0.857rem;
+}
+.p-fileupload.p-fileupload-advanced .p-message {
+ margin-top: 0;
+}
+
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #AED581;
+ color: #212529;
+ border-color: #AED581;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #9CCC65;
+ color: #212529;
+ border-color: #9CCC65;
+}
+
+.p-breadcrumb {
+ background: #252525;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ padding: 0.571rem 1rem;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+}
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
+ margin: 0 0.5rem 0 0.5rem;
+ color: #dedede;
+}
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
+ color: #dedede;
+}
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
+ color: #dedede;
+}
+
+.p-contextmenu {
+ padding: 0;
+ background: #252525;
+ color: #dedede;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+ width: 12.5rem;
+}
+.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;
+ 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 {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #212529;
+ background: #C5E1A5;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #C5E1A5;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.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: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-menuitem-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
+
+.p-dock .p-dock-list-container {
+ background: rgba(255, 255, 255, 0.1);
+ border: 1px solid rgba(255, 255, 255, 0.2);
+ padding: 0.5rem 0.5rem;
+ border-radius: 0.5rem;
+}
+.p-dock .p-dock-list-container .p-dock-list {
+ outline: 0 none;
+}
+.p-dock .p-dock-item {
+ padding: 0.5rem;
+ border-radius: 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-link {
+ width: 4rem;
+ height: 4rem;
+}
+.p-dock.p-dock-top .p-dock-item-second-prev,
+.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
+.p-dock.p-dock-bottom .p-dock-item-second-next {
+ margin: 0 0.9rem;
+}
+.p-dock.p-dock-top .p-dock-item-prev,
+.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
+.p-dock.p-dock-bottom .p-dock-item-next {
+ margin: 0 1.3rem;
+}
+.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
+ margin: 0 1.5rem;
+}
+.p-dock.p-dock-left .p-dock-item-second-prev,
+.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
+.p-dock.p-dock-right .p-dock-item-second-next {
+ margin: 0.9rem 0;
+}
+.p-dock.p-dock-left .p-dock-item-prev,
+.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
+.p-dock.p-dock-right .p-dock-item-next {
+ margin: 1.3rem 0;
+}
+.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
+ margin: 1.5rem 0;
+}
+
+@media screen and (max-width: 960px) {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
+ overflow-x: auto;
+ width: 100%;
+ }
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
+ margin: 0 auto;
+ }
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
+ overflow-y: auto;
+ height: 100%;
+ }
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
+ margin: auto 0;
+ }
+ .p-dock .p-dock-list .p-dock-item {
+ transform: none;
+ margin: 0;
+ }
+}
+.p-megamenu {
+ padding: 0.5rem;
+ background: #252525;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+}
+.p-megamenu .p-megamenu-root-list {
+ outline: 0 none;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content {
+ color: #dedede;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #212529;
+ background: #C5E1A5;
+}
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #C5E1A5;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.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: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-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-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-megamenu .p-submenu-list {
+ padding: 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-submenu-list .p-menuitem-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0;
+}
+.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-menu {
+ padding: 0;
+ background: #252525;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ width: 12.5rem;
+}
+.p-menu .p-menuitem > .p-menuitem-content {
+ color: #dedede;
+ 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 {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.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.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:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.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;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-menu .p-menuitem-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+
+.p-menubar {
+ padding: 0.5rem;
+ background: #252525;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+}
+.p-menubar .p-menubar-root-list {
+ outline: 0 none;
+}
+.p-menubar .p-menubar-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-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.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-menubar-root-list > .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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.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-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 > .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 > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #212529;
+ background: #C5E1A5;
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #C5E1A5;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.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-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;
+ background: #252525;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ width: 12.5rem;
+}
+.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;
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
+ color: #dedede;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
+ color: #dedede;
+ background: #4c4c4c;
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
+ padding: 0;
+ background: #252525;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 2.571rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 4.285rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 5.999rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 7.713rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 9.427rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
+.p-panelmenu .p-panelmenu-header {
+ outline: 0 none;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
+ border: 1px solid #191919;
+ color: #dedede;
+ background: #191919;
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.1rem white;
+}
+.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: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:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
+ border-color: #9CCC65;
+ background: #9CCC65;
+ color: #212529;
+}
+.p-panelmenu .p-panelmenu-content {
+ padding: 0;
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ border-top: 0;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
+ outline: 0 none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
+ color: #dedede;
+ 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 {
+ padding: 0.857rem;
+ user-select: none;
+}
+.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-content .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.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-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-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: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: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: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: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-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 {
+ margin-bottom: 2px;
+}
+
+.p-steps .p-steps-item .p-menuitem-link {
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+ background: #191919;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: #dedede;
+ border: 1px solid #191919;
+ background: #191919;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: #888888;
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-steps .p-steps-item.p-highlight .p-steps-number {
+ background: #C5E1A5;
+ color: #212529;
+}
+.p-steps .p-steps-item.p-highlight .p-steps-title {
+ font-weight: 700;
+ color: #dedede;
+}
+.p-steps .p-steps-item:before {
+ content: " ";
+ border-top: 1px solid #4b4b4b;
+ width: 100%;
+ top: 50%;
+ left: 0;
+ display: block;
+ position: absolute;
+ margin-top: -1rem;
+}
+
+.p-tabmenu .p-tabmenu-nav {
+ background: transparent;
+ border: 0 none;
+ border-width: 1px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 2px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: 1px solid #191919;
+ border-width: 1px;
+ border-color: #191919;
+ background: #191919;
+ color: #dedede;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.1rem white;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #191919;
+ border-color: #191919;
+ color: #C5E1A5;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #C5E1A5;
+ border-color: #C5E1A5;
+ color: #212529;
+}
+
+.p-tieredmenu {
+ padding: 0;
+ background: #252525;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ width: 12.5rem;
+}
+.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;
+ 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 {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #212529;
+ background: #C5E1A5;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #C5E1A5;
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.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-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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.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: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-menuitem-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
+
+.p-inline-message {
+ padding: 0.5rem;
+ margin: 0;
+ border-radius: 3px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
+
+.p-message {
+ margin: 1rem 0;
+ border-radius: 3px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-message.p-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-info .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-success .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-error .p-message-close {
+ color: #212121;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: normal;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
+
+.p-toast {
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1rem;
+ border-width: 0;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 0.5rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #212121;
+}
+
+.p-galleria .p-galleria-close {
+ margin: 0.5rem;
+ background: transparent;
+ color: #ebedef;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #ebedef;
+}
+.p-galleria .p-galleria-item-nav {
+ background: rgba(0, 0, 0, 0.2);
+ color: #aeb6bf;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
+}
+.p-galleria .p-galleria-caption {
+ background: rgba(0, 0, 0, 0.5);
+ color: #ebedef;
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators {
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #4b4b4b;
+ 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: #4c4c4c;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #C5E1A5;
+ color: #212529;
+}
+.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+ margin-right: 0.5rem;
+}
+.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+ margin-bottom: 0.5rem;
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #C5E1A5;
+ color: #212529;
+}
+.p-galleria .p-galleria-thumbnail-container {
+ background: rgba(0, 0, 0, 0.9);
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #aeb6bf;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+
+.p-galleria-mask {
+ --maskbg: rgba(0, 0, 0, 0.9);
+}
+
+.p-image-mask {
+ --maskbg: rgba(0, 0, 0, 0.9);
+}
+
+.p-image-preview-indicator {
+ background-color: transparent;
+ color: #f8f9fa;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+
+.p-image-preview-container:hover > .p-image-preview-indicator {
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.p-image-toolbar {
+ padding: 1rem;
+}
+
+.p-image-action.p-link {
+ color: #f8f9fa;
+ background-color: transparent;
+ width: 3rem;
+ height: 3rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-image-action.p-link:last-child {
+ margin-right: 0;
+}
+.p-image-action.p-link:hover {
+ color: #f8f9fa;
+ background-color: rgba(255, 255, 255, 0.1);
+}
+.p-image-action.p-link i {
+ font-size: 1.5rem;
+}
+
+.p-avatar {
+ background-color: #4b4b4b;
+ border-radius: 3px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
+
+.p-avatar-group .p-avatar {
+ border: 2px solid #323232;
+}
+
+.p-badge {
+ background: #C5E1A5;
+ color: #212529;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #B0BEC5;
+ color: #121212;
+}
+.p-badge.p-badge-success {
+ background-color: #AED581;
+ color: #212529;
+}
+.p-badge.p-badge-info {
+ background-color: #4FC3F7;
+ color: #212529;
+}
+.p-badge.p-badge-warning {
+ background-color: #FFB74D;
+ color: #212529;
+}
+.p-badge.p-badge-danger {
+ background-color: #E57373;
+ color: #212529;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
+.p-chip {
+ background-color: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+ padding: 0 0.429rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.2145rem;
+ margin-bottom: 0.2145rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 1.929rem;
+ height: 1.929rem;
+ margin-left: -0.429rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+
+.p-inplace .p-inplace-display {
+ padding: 0.429rem 0.429rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 24px;
+ background: #eaeaea;
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #C5E1A5;
+}
+.p-progressbar .p-progressbar-label {
+ color: #212529;
+ line-height: 24px;
+}
+
+.p-scrolltop {
+ width: 3rem;
+ height: 3rem;
+ border-radius: 50%;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: #C5E1A5;
+}
+.p-scrolltop.p-link:hover {
+ background: #AED581;
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: #212529;
+}
+
+.p-skeleton {
+ background-color: rgba(255, 255, 255, 0.06);
+ border-radius: 3px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
+}
+
+.p-tag {
+ background: #C5E1A5;
+ color: #212529;
+ font-size: 0.75rem;
+ font-weight: 700;
+ padding: 0.25rem 0.4rem;
+ border-radius: 3px;
+}
+.p-tag.p-tag-success {
+ background-color: #AED581;
+ color: #212529;
+}
+.p-tag.p-tag-info {
+ background-color: #4FC3F7;
+ color: #212529;
+}
+.p-tag.p-tag-warning {
+ background-color: #FFB74D;
+ color: #212529;
+}
+.p-tag.p-tag-danger {
+ background-color: #E57373;
+ color: #212529;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
+
+.p-terminal {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ padding: 0.571rem 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
+
+/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css
new file mode 100644
index 0000000..5ec03a3
--- /dev/null
+++ b/public/themes/luna-pink/theme.css
@@ -0,0 +1,5733 @@
+:root {
+ --surface-a: #191919;
+ --surface-b: #191919;
+ --surface-c: #4c4c4c;
+ --surface-d: #4b4b4b;
+ --surface-e: #323232;
+ --surface-f: #323232;
+ --text-color: #dedede;
+ --text-color-secondary: #888888;
+ --primary-color: #F48FB1;
+ --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-0: #191919;
+ --surface-50: #303030;
+ --surface-100: #474747;
+ --surface-200: #5e5e5e;
+ --surface-300: #757575;
+ --surface-400: #8c8c8c;
+ --surface-500: #a3a3a3;
+ --surface-600: #bababa;
+ --surface-700: #d1d1d1;
+ --surface-800: #e8e8e8;
+ --surface-900: #ffffff;
+ --gray-50: #e8e8e8;
+ --gray-100: #d1d1d1;
+ --gray-200: #bababa;
+ --gray-300: #a3a3a3;
+ --gray-400: #8c8c8c;
+ --gray-500: #757575;
+ --gray-600: #5e5e5e;
+ --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;
+ --focus-ring: 0 0 0 0.1rem white;
+ --maskbg: rgba(0, 0, 0, 0.4);
+ color-scheme: light dark;
+}
+
+* {
+ box-sizing: border-box;
+}
+
+.p-component {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ font-weight: normal;
+}
+
+.p-component-overlay {
+ background-color: rgba(0, 0, 0, 0.4);
+ transition-duration: 0.2s;
+}
+
+.p-disabled, .p-component:disabled {
+ opacity: 0.5;
+}
+
+.p-error {
+ color: #e57373;
+}
+
+.p-text-secondary {
+ color: #888888;
+}
+
+.pi {
+ font-size: 1rem;
+}
+
+.p-link {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ border-radius: 3px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+
+.p-component-overlay-enter {
+ animation: p-component-overlay-enter-animation 150ms forwards;
+}
+
+.p-component-overlay-leave {
+ animation: p-component-overlay-leave-animation 150ms forwards;
+}
+
+@keyframes p-component-overlay-enter-animation {
+ from {
+ background-color: transparent;
+ }
+ to {
+ background-color: var(--maskbg);
+ }
+}
+@keyframes p-component-overlay-leave-animation {
+ from {
+ background-color: var(--maskbg);
+ }
+ to {
+ background-color: transparent;
+ }
+}
+
+:root {
+ --blue-50:#f3f8fc;
+ --blue-100:#c6dcef;
+ --blue-200:#98c1e3;
+ --blue-300:#6ba5d7;
+ --blue-400:#3d8aca;
+ --blue-500:#106ebe;
+ --blue-600:#0e5ea2;
+ --blue-700:#0b4d85;
+ --blue-800:#093d69;
+ --blue-900:#062c4c;
+ --green-50:#f7fbf6;
+ --green-100:#d6ead1;
+ --green-200:#b6d9ad;
+ --green-300:#96c889;
+ --green-400:#76b765;
+ --green-500:#56a641;
+ --green-600:#498d37;
+ --green-700:#3c742e;
+ --green-800:#2f5b24;
+ --green-900:#22421a;
+ --yellow-50:#fffcf5;
+ --yellow-100:#fdefcd;
+ --yellow-200:#fbe3a6;
+ --yellow-300:#f9d67f;
+ --yellow-400:#f8ca57;
+ --yellow-500:#f6bd30;
+ --yellow-600:#d1a129;
+ --yellow-700:#ac8422;
+ --yellow-800:#87681a;
+ --yellow-900:#624c13;
+ --cyan-50:#f4fbfd;
+ --cyan-100:#ccebf5;
+ --cyan-200:#a4dbed;
+ --cyan-300:#7ccce5;
+ --cyan-400:#54bcdd;
+ --cyan-500:#2cacd5;
+ --cyan-600:#2592b5;
+ --cyan-700:#1f7895;
+ --cyan-800:#185f75;
+ --cyan-900:#124555;
+ --pink-50:#fdf4f9;
+ --pink-100:#f6cce0;
+ --pink-200:#eea3c7;
+ --pink-300:#e77aae;
+ --pink-400:#df5296;
+ --pink-500:#d8297d;
+ --pink-600:#b8236a;
+ --pink-700:#971d58;
+ --pink-800:#771745;
+ --pink-900:#561032;
+ --indigo-50:#f4f6fd;
+ --indigo-100:#ccd3f5;
+ --indigo-200:#a4b0ed;
+ --indigo-300:#7c8de5;
+ --indigo-400:#546add;
+ --indigo-500:#2c47d5;
+ --indigo-600:#253cb5;
+ --indigo-700:#1f3295;
+ --indigo-800:#182775;
+ --indigo-900:#121c55;
+ --teal-50:#f6fbfa;
+ --teal-100:#d1eae5;
+ --teal-200:#add9d1;
+ --teal-300:#89c8bd;
+ --teal-400:#65b7a8;
+ --teal-500:#41a694;
+ --teal-600:#378d7e;
+ --teal-700:#2e7468;
+ --teal-800:#245b51;
+ --teal-900:#1a423b;
+ --orange-50:#fff9f5;
+ --orange-100:#fde4cd;
+ --orange-200:#fbcfa6;
+ --orange-300:#f9ba7f;
+ --orange-400:#f8a457;
+ --orange-500:#f68f30;
+ --orange-600:#d17a29;
+ --orange-700:#ac6422;
+ --orange-800:#874f1a;
+ --orange-900:#623913;
+ --bluegray-50:#f7f8f9;
+ --bluegray-100:#dae0e3;
+ --bluegray-200:#bdc7cd;
+ --bluegray-300:#a0aeb6;
+ --bluegray-400:#8295a0;
+ --bluegray-500:#657c8a;
+ --bluegray-600:#566975;
+ --bluegray-700:#475761;
+ --bluegray-800:#38444c;
+ --bluegray-900:#283237;
+ --purple-50:#f9f8fd;
+ --purple-100:#e1dff7;
+ --purple-200:#cac5f1;
+ --purple-300:#b2abeb;
+ --purple-400:#9b92e4;
+ --purple-500:#8378de;
+ --purple-600:#6f66bd;
+ --purple-700:#5c549b;
+ --purple-800:#48427a;
+ --purple-900:#343059;
+ --red-50:#fdf4f3;
+ --red-100:#f6ccc6;
+ --red-200:#eea39a;
+ --red-300:#e77b6d;
+ --red-400:#df5240;
+ --red-500:#d82a13;
+ --red-600:#b82410;
+ --red-700:#971d0d;
+ --red-800:#77170a;
+ --red-900:#561108;
+ --primary-50:#fef9fb;
+ --primary-100:#fce4ec;
+ --primary-200:#facfdd;
+ --primary-300:#f8bacf;
+ --primary-400:#f6a4c0;
+ --primary-500:#f48fb1;
+ --primary-600:#cf7a96;
+ --primary-700:#ab647c;
+ --primary-800:#864f61;
+ --primary-900:#623947;
+}
+
+.p-autocomplete .p-autocomplete-loader {
+ right: 0.429rem;
+}
+.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
+ right: 2.786rem;
+}
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
+ border-color: #F48FB1;
+}
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #F48FB1;
+}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.2145rem 0.429rem;
+ gap: 0.5rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.2145rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #dedede;
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.2145rem 0.429rem;
+ background: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #464646;
+ color: #dedede;
+}
+.p-autocomplete.p-invalid.p-component > .p-inputtext {
+ border-color: #e57373;
+}
+
+.p-autocomplete-panel {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-autocomplete-panel .p-autocomplete-items {
+ padding: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #212529;
+ background: #F48FB1;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: #f48fb1;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+}
+
+.p-calendar.p-invalid.p-component > .p-inputtext {
+ border-color: #e57373;
+}
+
+.p-datepicker {
+ padding: 0.857rem;
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #4b4b4b;
+ border-radius: 3px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #323232;
+ border: 1px solid #191919;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #252525;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: #dedede;
+ background: #323232;
+ font-weight: 700;
+ margin: 0;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.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: #dedede;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ font-weight: 700;
+ padding: 0.5rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
+ color: #F48FB1;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.857rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #212529;
+ background: #F48FB1;
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: #EC407A;
+ color: #212529;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #212529;
+ background: #F48FB1;
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 0.857rem 0 0.429rem 0;
+ border-top: 1px solid #4b4b4b;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #4b4b4b;
+ padding: 0.857rem 0 0.429rem 0;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ 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: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.286rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.429rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.857rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #212529;
+ background: #F48FB1;
+}
+.p-datepicker .p-yearpicker {
+ margin: 0.857rem 0;
+}
+.p-datepicker .p-yearpicker .p-yearpicker-year {
+ padding: 0.5rem;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
+ color: #212529;
+ background: #F48FB1;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-left: 1px solid #4b4b4b;
+ padding-right: 0.857rem;
+ padding-left: 0.857rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+ border-left: 0 none;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: #4c4c4c;
+}
+.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.1rem white;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
+ background: #4c4c4c;
+}
+.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.1rem white;
+}
+.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
+ background: #4c4c4c;
+}
+.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.1rem white;
+}
+
+@media screen and (max-width: 769px) {
+ .p-datepicker table th, .p-datepicker table td {
+ padding: 0;
+ }
+}
+.p-cascadeselect {
+ background: #191919;
+ border: 1px solid #4b4b4b;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ 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;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.429rem 0.429rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: #9b9b9b;
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: #888888;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #e57373;
+}
+
+.p-cascadeselect-panel {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #212529;
+ background: #F48FB1;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: #f48fb1;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.429rem 0.857rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
+
+.p-input-filled .p-cascadeselect {
+ background: #4b4b4b;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #4b4b4b;
+}
+
+.p-checkbox {
+ width: 20px;
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 1px solid #4b4b4b;
+ background: #191919;
+ width: 20px;
+ height: 20px;
+ color: #dedede;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #212529;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #F48FB1;
+ background: #F48FB1;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ 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;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #EC407A;
+ background: #EC407A;
+ color: #212529;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #e57373;
+}
+
+.p-input-filled .p-checkbox .p-checkbox-box {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ 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;
+}
+
+.p-highlight .p-checkbox .p-checkbox-box {
+ border-color: #212529;
+}
+
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
+ border-color: #F48FB1;
+}
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #F48FB1;
+}
+.p-chips .p-chips-multiple-container {
+ padding: 0.2145rem 0.429rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #464646;
+ color: #dedede;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.2145rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #dedede;
+ padding: 0;
+ margin: 0;
+}
+.p-chips.p-invalid.p-component > .p-inputtext {
+ border-color: #e57373;
+}
+
+.p-colorpicker-preview {
+ width: 2rem;
+ height: 2rem;
+}
+
+.p-colorpicker-panel {
+ background: #323232;
+ border: 1px solid #191919;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
+
+.p-colorpicker-overlay-panel {
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+
+.p-dropdown {
+ background: #191919;
+ border: 1px solid #4b4b4b;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ 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;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.429rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: #9b9b9b;
+}
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: #888888;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: #888888;
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #e57373;
+}
+
+.p-dropdown-panel {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-dropdown-panel .p-dropdown-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #191919;
+ color: #dedede;
+ background: #252525;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.429rem;
+ margin-right: -1.429rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.429rem;
+ color: #888888;
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #212529;
+ background: #F48FB1;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: #f48fb1;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #dedede;
+ background: transparent;
+}
+
+.p-input-filled .p-dropdown {
+ background: #4b4b4b;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+ background-color: transparent;
+}
+
+.p-editor-container .p-editor-toolbar {
+ background: #191919;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #191919;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: #888888;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: #888888;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: #888888;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #323232;
+ border: 1px solid #191919;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+ padding: 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: #dedede;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.429rem 0.857rem;
+}
+.p-editor-container .p-editor-content {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #191919;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #191919;
+ color: #dedede;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover,
+.p-editor-container .ql-snow.ql-toolbar button:focus {
+ color: #dedede;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: #dedede;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: #dedede;
+}
+.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;
+}
+.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;
+}
+.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;
+}
+.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;
+}
+
+.p-inputgroup-addon {
+ background: #252525;
+ color: #888888;
+ border-top: 1px solid #4b4b4b;
+ border-left: 1px solid #4b4b4b;
+ border-bottom: 1px solid #4b4b4b;
+ padding: 0.429rem 0.429rem;
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #4b4b4b;
+}
+
+.p-inputgroup > .p-component,
+.p-inputgroup > .p-inputwrapper > .p-inputtext,
+.p-inputgroup > .p-float-label > .p-component {
+ border-radius: 0;
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
+
+.p-inputgroup-addon:first-child,
+.p-inputgroup button:first-child,
+.p-inputgroup input:first-child,
+.p-inputgroup > .p-inputwrapper:first-child,
+.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+
+.p-inputgroup .p-float-label:first-child input {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+
+.p-inputgroup-addon:last-child,
+.p-inputgroup button:last-child,
+.p-inputgroup input:last-child,
+.p-inputgroup > .p-inputwrapper:last-child,
+.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+.p-inputgroup .p-float-label:last-child input {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+.p-fluid .p-inputgroup .p-button {
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
+
+.p-inputnumber.p-invalid.p-component > .p-inputtext {
+ border-color: #e57373;
+}
+
+.p-inputswitch {
+ width: 3rem;
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #4b4b4b;
+ 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: #323232;
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #4b4b4b;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ 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;
+}
+.p-inputswitch.p-invalid {
+ border-color: #e57373;
+}
+
+.p-inputtext {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #dedede;
+ background: #191919;
+ padding: 0.429rem 0.429rem;
+ border: 1px solid #4b4b4b;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ appearance: none;
+ border-radius: 3px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #F48FB1;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #F48FB1;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #e57373;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.375375rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 0.53625rem;
+}
+
+.p-float-label > label {
+ left: 0.429rem;
+ color: #9b9b9b;
+ transition-duration: 0.2s;
+}
+
+.p-float-label > .p-invalid + label {
+ color: #e57373;
+}
+
+.p-input-icon-left > i:first-of-type {
+ left: 0.429rem;
+ color: #888888;
+}
+
+.p-input-icon-left > .p-inputtext {
+ padding-left: 1.858rem;
+}
+
+.p-input-icon-left.p-float-label > label {
+ left: 1.858rem;
+}
+
+.p-input-icon-right > i:last-of-type {
+ right: 0.429rem;
+ color: #888888;
+}
+
+.p-input-icon-right > .p-inputtext {
+ padding-right: 1.858rem;
+}
+
+::-webkit-input-placeholder {
+ color: #9b9b9b;
+}
+
+:-moz-placeholder {
+ color: #9b9b9b;
+}
+
+::-moz-placeholder {
+ color: #9b9b9b;
+}
+
+:-ms-input-placeholder {
+ color: #9b9b9b;
+}
+
+.p-input-filled .p-inputtext {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #4b4b4b;
+}
+
+.p-inputtext-sm .p-inputtext {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.375375rem;
+}
+
+.p-inputtext-lg .p-inputtext {
+ font-size: 1.25rem;
+ padding: 0.53625rem 0.53625rem;
+}
+
+.p-listbox {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #4b4b4b;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #191919;
+ color: #dedede;
+ background: #252525;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.429rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.429rem;
+ color: #888888;
+}
+.p-listbox .p-listbox-list {
+ padding: 0;
+ outline: 0 none;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #212529;
+ background: #F48FB1;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #dedede;
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: #f48fb1;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #F48FB1;
+}
+.p-listbox.p-invalid {
+ border-color: #e57373;
+}
+
+.p-multiselect {
+ background: #191919;
+ border: 1px solid #4b4b4b;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ 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;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: #9b9b9b;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: #888888;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #e57373;
+}
+
+.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
+ padding: 0.2145rem 0.429rem;
+}
+
+.p-multiselect-panel {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-multiselect-panel .p-multiselect-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #191919;
+ color: #dedede;
+ background: #252525;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.429rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.429rem;
+ color: #888888;
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ 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: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #212529;
+ background: #F48FB1;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: #f48fb1;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #dedede;
+ background: transparent;
+}
+
+.p-input-filled .p-multiselect {
+ background: #4b4b4b;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #4b4b4b;
+}
+
+.p-password.p-invalid.p-component > .p-inputtext {
+ border-color: #e57373;
+}
+
+.p-password-panel {
+ padding: 0.571rem 1rem;
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #eaeaea;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #E57373;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #FFB74D;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #AED581;
+}
+
+.p-radiobutton {
+ width: 20px;
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 1px solid #4b4b4b;
+ background: #191919;
+ width: 20px;
+ height: 20px;
+ color: #dedede;
+ 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: #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;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.2s;
+ background-color: #212529;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #F48FB1;
+ background: #F48FB1;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #EC407A;
+ background: #EC407A;
+ color: #212529;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #e57373;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
+
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #F48FB1;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #EC407A;
+}
+
+.p-highlight .p-radiobutton .p-radiobutton-box {
+ border-color: #212529;
+}
+
+.p-rating {
+ gap: 0.5rem;
+}
+.p-rating .p-rating-item .p-rating-icon {
+ color: #dedede;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
+ color: #e4018d;
+}
+.p-rating .p-rating-item.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #F48FB1;
+}
+.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
+ color: #F48FB1;
+}
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
+ color: #F48FB1;
+}
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
+ color: #b5019f;
+}
+
+.p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
+ color: #212529;
+}
+
+.p-selectbutton .p-button {
+ background: #252525;
+ border: 1px solid #252525;
+ color: #dedede;
+ 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: #888888;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #4c4c4c;
+ border-color: #4c4c4c;
+ color: #dedede;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #dedede;
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #F48FB1;
+ border-color: #F48FB1;
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #F06292;
+ border-color: #F06292;
+ color: #212529;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #212529;
+}
+.p-selectbutton.p-invalid > .p-button {
+ border-color: #e57373;
+}
+
+.p-slider {
+ background: #4b4b4b;
+ border: 0 none;
+ border-radius: 3px;
+}
+.p-slider.p-slider-horizontal {
+ height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -0.5715rem;
+ margin-left: -0.5715rem;
+}
+.p-slider.p-slider-vertical {
+ width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -0.5715rem;
+ margin-bottom: -0.5715rem;
+}
+.p-slider .p-slider-handle {
+ height: 1.143rem;
+ width: 1.143rem;
+ background: #4c4c4c;
+ border: 2px solid #F48FB1;
+ border-radius: 100%;
+ 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.1rem white;
+}
+.p-slider .p-slider-range {
+ background: #F48FB1;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: #F48FB1;
+ border-color: #F48FB1;
+}
+
+.p-treeselect {
+ background: #191919;
+ border: 1px solid #4b4b4b;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ 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;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: #9b9b9b;
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: #888888;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #e57373;
+}
+
+.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
+ padding: 0.2145rem 0.429rem;
+}
+
+.p-treeselect-panel {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.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.429rem 0.857rem;
+ color: #dedede;
+ background: transparent;
+}
+
+.p-input-filled .p-treeselect {
+ background: #4b4b4b;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #4b4b4b;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #4b4b4b;
+}
+
+.p-togglebutton.p-button {
+ background: #252525;
+ border: 1px solid #252525;
+ color: #dedede;
+ 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: #888888;
+}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ border-color: #F48FB1;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #4c4c4c;
+ border-color: #4c4c4c;
+ color: #dedede;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #dedede;
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #F48FB1;
+ border-color: #F48FB1;
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #F06292;
+ border-color: #F06292;
+ color: #212529;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #212529;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #e57373;
+}
+
+.p-button {
+ color: #212529;
+ 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:enabled:hover {
+ background: #F06292;
+ color: #212529;
+ border-color: #F06292;
+}
+.p-button:enabled:active {
+ background: #EC407A;
+ color: #212529;
+ border-color: #EC407A;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #F48FB1;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(244, 143, 177, 0.04);
+ color: #F48FB1;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(244, 143, 177, 0.16);
+ color: #F48FB1;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: #888888;
+ border-color: #888888;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: #4c4c4c;
+ color: #888888;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: #3c3c3c;
+ color: #888888;
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #F48FB1;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(244, 143, 177, 0.04);
+ color: #F48FB1;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(244, 143, 177, 0.16);
+ color: #F48FB1;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: #888888;
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: #4c4c4c;
+ color: #888888;
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: #3c3c3c;
+ color: #888888;
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #F48FB1;
+ background-color: #212529;
+}
+.p-button.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.429rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
+
+.p-fluid .p-button {
+ width: 100%;
+}
+.p-fluid .p-button-icon-only {
+ width: 2.357rem;
+}
+.p-fluid .p-buttonset {
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
+
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ color: #121212;
+ background: #B0BEC5;
+ border: 1px solid #B0BEC5;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #90A4AE;
+ color: #121212;
+ border-color: #90A4AE;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #CFD8DC;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #78909C;
+ color: #121212;
+ border-color: #78909C;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #B0BEC5;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(176, 190, 197, 0.04);
+ color: #B0BEC5;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(176, 190, 197, 0.16);
+ color: #B0BEC5;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #B0BEC5;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(176, 190, 197, 0.04);
+ border-color: transparent;
+ color: #B0BEC5;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(176, 190, 197, 0.16);
+ border-color: transparent;
+ color: #B0BEC5;
+}
+
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ color: #212529;
+ background: #4FC3F7;
+ border: 1px solid #4FC3F7;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #29B6F6;
+ color: #212529;
+ border-color: #29B6F6;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #E1F5FE;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #03A9F4;
+ color: #212529;
+ border-color: #03A9F4;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #4FC3F7;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(79, 195, 247, 0.04);
+ color: #4FC3F7;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(79, 195, 247, 0.16);
+ color: #4FC3F7;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #4FC3F7;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(79, 195, 247, 0.04);
+ border-color: transparent;
+ color: #4FC3F7;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(79, 195, 247, 0.16);
+ border-color: transparent;
+ color: #4FC3F7;
+}
+
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ color: #212529;
+ background: #AED581;
+ border: 1px solid #AED581;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #9CCC65;
+ color: #212529;
+ border-color: #9CCC65;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #F1F8E9;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: #8BC34A;
+ color: #212529;
+ border-color: #8BC34A;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #AED581;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(174, 213, 129, 0.04);
+ color: #AED581;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(174, 213, 129, 0.16);
+ color: #AED581;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #AED581;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(174, 213, 129, 0.04);
+ border-color: transparent;
+ color: #AED581;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(174, 213, 129, 0.16);
+ border-color: transparent;
+ color: #AED581;
+}
+
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ color: #212529;
+ background: #FFB74D;
+ border: 1px solid #FFB74D;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #FFA726;
+ color: #212529;
+ border-color: #FFA726;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #FFFDE7;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #FF9800;
+ color: #212529;
+ border-color: #FF9800;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #FFB74D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 183, 77, 0.04);
+ color: #FFB74D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 183, 77, 0.16);
+ color: #FFB74D;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #FFB74D;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 183, 77, 0.04);
+ border-color: transparent;
+ color: #FFB74D;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 183, 77, 0.16);
+ border-color: transparent;
+ color: #FFB74D;
+}
+
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ color: #121212;
+ background: #CE93D8;
+ border: 1px solid #CE93D8;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #BA68C8;
+ color: #121212;
+ border-color: #BA68C8;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 1px #CE93D8;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #AB47BC;
+ color: #121212;
+ border-color: #AB47BC;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(206, 147, 216, 0.04);
+ border-color: transparent;
+ color: #CE93D8;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(206, 147, 216, 0.16);
+ border-color: transparent;
+ color: #CE93D8;
+}
+
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ color: #212529;
+ background: #E57373;
+ border: 1px solid #E57373;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #EF5350;
+ color: #212529;
+ border-color: #EF5350;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.1rem #FFEBEE;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #F44336;
+ color: #212529;
+ border-color: #F44336;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #E57373;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(229, 115, 115, 0.04);
+ color: #E57373;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(229, 115, 115, 0.16);
+ color: #E57373;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #E57373;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(229, 115, 115, 0.04);
+ border-color: transparent;
+ color: #E57373;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(229, 115, 115, 0.16);
+ border-color: transparent;
+ color: #E57373;
+}
+
+.p-button.p-button-link {
+ color: #F48FB1;
+ background: transparent;
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #F48FB1;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 0.2rem white;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #F48FB1;
+ border-color: transparent;
+}
+
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: #474747;
+ color: #fff;
+}
+.p-speeddial-action:hover {
+ background: #4d4d4d;
+ color: #fff;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
+.p-splitbutton {
+ border-radius: 3px;
+}
+.p-splitbutton.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #F48FB1;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(244, 143, 177, 0.04);
+ color: #F48FB1;
+}
+.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(244, 143, 177, 0.16);
+ color: #F48FB1;
+}
+.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
+ color: #888888;
+ border-color: #888888;
+}
+.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: #4c4c4c;
+ color: #888888;
+}
+.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: #3c3c3c;
+ color: #888888;
+}
+.p-splitbutton.p-button-text > .p-button {
+ background-color: transparent;
+ color: #F48FB1;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(244, 143, 177, 0.04);
+ color: #F48FB1;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(244, 143, 177, 0.16);
+ color: #F48FB1;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-text.p-button-plain > .p-button {
+ color: #888888;
+}
+.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: #4c4c4c;
+ color: #888888;
+}
+.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: #3c3c3c;
+ color: #888888;
+}
+.p-splitbutton.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-splitbutton.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-splitbutton.p-button-rounded > .p-button {
+ border-radius: 2rem;
+}
+.p-splitbutton.p-button-sm > .p-button {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.875rem;
+}
+.p-splitbutton.p-button-sm > .p-button .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-splitbutton.p-button-lg > .p-button {
+ font-size: 1.25rem;
+ padding: 0.53625rem 1.25rem;
+}
+.p-splitbutton.p-button-lg > .p-button .p-button-icon {
+ font-size: 1.25rem;
+}
+
+.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #B0BEC5;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(176, 190, 197, 0.04);
+ color: #B0BEC5;
+}
+.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(176, 190, 197, 0.16);
+ color: #B0BEC5;
+}
+.p-splitbutton.p-button-secondary.p-button-text > .p-button {
+ background-color: transparent;
+ color: #B0BEC5;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(176, 190, 197, 0.04);
+ border-color: transparent;
+ color: #B0BEC5;
+}
+.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(176, 190, 197, 0.16);
+ border-color: transparent;
+ color: #B0BEC5;
+}
+
+.p-splitbutton.p-button-info.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #4FC3F7;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(79, 195, 247, 0.04);
+ color: #4FC3F7;
+}
+.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(79, 195, 247, 0.16);
+ color: #4FC3F7;
+}
+.p-splitbutton.p-button-info.p-button-text > .p-button {
+ background-color: transparent;
+ color: #4FC3F7;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(79, 195, 247, 0.04);
+ border-color: transparent;
+ color: #4FC3F7;
+}
+.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(79, 195, 247, 0.16);
+ border-color: transparent;
+ color: #4FC3F7;
+}
+
+.p-splitbutton.p-button-success.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #AED581;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(174, 213, 129, 0.04);
+ color: #AED581;
+}
+.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(174, 213, 129, 0.16);
+ color: #AED581;
+}
+.p-splitbutton.p-button-success.p-button-text > .p-button {
+ background-color: transparent;
+ color: #AED581;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(174, 213, 129, 0.04);
+ border-color: transparent;
+ color: #AED581;
+}
+.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(174, 213, 129, 0.16);
+ border-color: transparent;
+ color: #AED581;
+}
+
+.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #FFB74D;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(255, 183, 77, 0.04);
+ color: #FFB74D;
+}
+.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(255, 183, 77, 0.16);
+ color: #FFB74D;
+}
+.p-splitbutton.p-button-warning.p-button-text > .p-button {
+ background-color: transparent;
+ color: #FFB74D;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(255, 183, 77, 0.04);
+ border-color: transparent;
+ color: #FFB74D;
+}
+.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(255, 183, 77, 0.16);
+ border-color: transparent;
+ color: #FFB74D;
+}
+
+.p-splitbutton.p-button-help.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #CE93D8;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(206, 147, 216, 0.04);
+ color: #CE93D8;
+}
+.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(206, 147, 216, 0.16);
+ color: #CE93D8;
+}
+.p-splitbutton.p-button-help.p-button-text > .p-button {
+ background-color: transparent;
+ color: #CE93D8;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(206, 147, 216, 0.04);
+ border-color: transparent;
+ color: #CE93D8;
+}
+.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(206, 147, 216, 0.16);
+ border-color: transparent;
+ color: #CE93D8;
+}
+
+.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #E57373;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(229, 115, 115, 0.04);
+ color: #E57373;
+}
+.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(229, 115, 115, 0.16);
+ color: #E57373;
+}
+.p-splitbutton.p-button-danger.p-button-text > .p-button {
+ background-color: transparent;
+ color: #E57373;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(229, 115, 115, 0.04);
+ border-color: transparent;
+ color: #E57373;
+}
+.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(229, 115, 115, 0.16);
+ border-color: transparent;
+ color: #E57373;
+}
+
+.p-carousel .p-carousel-content .p-carousel-prev,
+.p-carousel .p-carousel-content .p-carousel-next {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-carousel .p-carousel-indicators {
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #4b4b4b;
+ 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: #4c4c4c;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: #F48FB1;
+ color: #212529;
+}
+
+.p-datatable .p-paginator-top {
+ border-width: 1px 1px 0 1px;
+ border-radius: 0;
+}
+.p-datatable .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+ border-radius: 0;
+}
+.p-datatable .p-datatable-header {
+ background: #191919;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-width: 1px 1px 0 1px;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-datatable .p-datatable-footer {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-width: 0 1px 1px 1px;
+ padding: 0.571rem 1rem;
+ font-weight: normal;
+}
+.p-datatable .p-datatable-thead > tr > th {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #191919;
+ border-width: 1px 1px 1px 1px;
+ font-weight: 700;
+ color: #dedede;
+ background: #252525;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tfoot > tr > td {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #191919;
+ border-width: 1px;
+ font-weight: 700;
+ color: #dedede;
+ background: #252525;
+}
+.p-datatable .p-sortable-column .p-sortable-column-icon {
+ color: #888888;
+ margin-left: 0.5rem;
+}
+.p-datatable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #212529;
+ background: #F48FB1;
+ margin-left: 0.5rem;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #dedede;
+}
+.p-datatable .p-sortable-column.p-highlight {
+ background: #F48FB1;
+ color: #212529;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #212529;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: #F48FB1;
+ color: #212529;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #212529;
+}
+.p-datatable .p-sortable-column:focus {
+ box-shadow: inset 0 0 0 0.15rem white;
+ outline: 0 none;
+}
+.p-datatable .p-datatable-tbody > tr {
+ background: #323232;
+ color: #dedede;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #191919;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 700;
+}
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid white;
+ outline-offset: -0.15rem;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: #F48FB1;
+ color: #212529;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ 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;
+}
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-datatable .p-column-resizer-helper {
+ background: #F48FB1;
+}
+.p-datatable .p-datatable-scrollable-header,
+.p-datatable .p-datatable-scrollable-footer {
+ background: #191919;
+}
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-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: #252525;
+}
+.p-datatable .p-datatable-loading-icon {
+ font-size: 2rem;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-header {
+ border-width: 1px 1px 0 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-footer {
+ border-width: 0 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-paginator-top {
+ border-width: 0 1px 0 1px;
+}
+.p-datatable.p-datatable-gridlines .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
+ border-width: 1px 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
+ border-width: 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
+ border-width: 1px;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
+ background: #323232;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: #F48FB1;
+ color: #212529;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #212529;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #212529;
+}
+.p-datatable.p-datatable-sm .p-datatable-header {
+ padding: 0.72845rem 0.85rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
+ padding: 0.48535rem 0.85rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-footer {
+ padding: 0.48535rem 0.85rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-header {
+ padding: 1.07125rem 1.25rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
+ padding: 0.71375rem 1.25rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-footer {
+ padding: 0.71375rem 1.25rem;
+}
+
+.p-dataview .p-paginator-top {
+ border-width: 1px 1px 0 1px;
+ border-radius: 0;
+}
+.p-dataview .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+ border-radius: 0;
+}
+.p-dataview .p-dataview-header {
+ background: #191919;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-width: 1px 1px 0 1px;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-dataview .p-dataview-content {
+ background: #323232;
+ color: #dedede;
+ border: 0 none;
+ padding: 0;
+}
+.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
+ border: 1px solid #4b4b4b;
+ border-width: 1px;
+}
+.p-dataview .p-dataview-footer {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-width: 0 1px 1px 1px;
+ padding: 0.571rem 1rem;
+ font-weight: normal;
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+.p-column-filter-row .p-column-filter-menu-button,
+.p-column-filter-row .p-column-filter-clear-button {
+ margin-left: 0.5rem;
+}
+
+.p-column-filter-menu-button {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: transparent;
+ 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;
+ color: #212529;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+
+.p-column-filter-clear-button {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+
+.p-column-filter-overlay {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #212529;
+ 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;
+ background: #4c4c4c;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem white;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+
+.p-column-filter-overlay-menu .p-column-filter-operator {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #191919;
+ color: #dedede;
+ background: #252525;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint {
+ padding: 0.571rem 1rem;
+ border-bottom: 1px solid #4b4b4b;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
+.p-column-filter-overlay-menu .p-column-filter-add-rule {
+ padding: 0.571rem 1rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-buttonbar {
+ padding: 0.571rem 1rem;
+}
+
+.fc {
+ /* FullCalendar 4 */
+ /* FullCalendar 5 */
+}
+.fc.fc-unthemed .fc-view-container th {
+ background: #191919;
+ border: 1px solid #191919;
+ color: #dedede;
+}
+.fc.fc-unthemed .fc-view-container td.fc-widget-content {
+ border: 1px solid #191919;
+ color: #dedede;
+}
+.fc.fc-unthemed .fc-view-container td.fc-head-container {
+ border: 1px solid #191919;
+}
+.fc.fc-unthemed .fc-view-container .fc-view {
+ background: #323232;
+}
+.fc.fc-unthemed .fc-view-container .fc-row {
+ border-right: 1px solid #191919;
+}
+.fc.fc-unthemed .fc-view-container .fc-event {
+ background: #F06292;
+ border: 1px solid #F06292;
+ color: #212529;
+}
+.fc.fc-unthemed .fc-view-container .fc-divider {
+ background: #191919;
+ border: 1px solid #191919;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button {
+ color: #212529;
+ background: #F48FB1;
+ border: 1px solid #F48FB1;
+ font-size: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+ display: flex;
+ align-items: center;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover {
+ background: #F06292;
+ color: #212529;
+ border-color: #F06292;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active {
+ background: #EC407A;
+ color: #212529;
+ border-color: #EC407A;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "\e900";
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "\e901";
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #252525;
+ border: 1px solid #252525;
+ color: #dedede;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #4c4c4c;
+ border-color: #4c4c4c;
+ color: #dedede;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #F48FB1;
+ border-color: #F48FB1;
+ color: #212529;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #F06292;
+ border-color: #F06292;
+ color: #212529;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ z-index: 1;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button {
+ border-radius: 0;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid {
+ border-color: #191919;
+}
+.fc.fc-theme-standard .fc-view-harness th {
+ background: #191919;
+ border-color: #191919;
+ color: #dedede;
+}
+.fc.fc-theme-standard .fc-view-harness td {
+ color: #dedede;
+ border-color: #191919;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-view {
+ background: #323232;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover {
+ background: none;
+ border: 0 none;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header {
+ border: 1px solid #191919;
+ padding: 0.857rem 1rem;
+ background: #191919;
+ color: #dedede;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close {
+ opacity: 1;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ overflow: hidden;
+ font-family: "PrimeIcons" !important;
+ font-size: 1rem;
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before {
+ content: "\e90b";
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body {
+ padding: 0.571rem 1rem;
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ border-top: 0 none;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
+ color: #212529;
+ background: #F06292;
+ border-color: #F06292;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main {
+ color: #212529;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot {
+ background: #F06292;
+ border-color: #F06292;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
+ background: #191919;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button {
+ color: #212529;
+ background: #F48FB1;
+ border: 1px solid #F48FB1;
+ font-size: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
+ background: #F06292;
+ color: #212529;
+ border-color: #F06292;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active {
+ background: #EC407A;
+ color: #212529;
+ border-color: #EC407A;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:disabled {
+ opacity: 0.5;
+ color: #212529;
+ background: #F48FB1;
+ border: 1px solid #F48FB1;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "\e900";
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "\e901";
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #252525;
+ border: 1px solid #252525;
+ color: #dedede;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #4c4c4c;
+ border-color: #4c4c4c;
+ color: #dedede;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #F48FB1;
+ border-color: #F48FB1;
+ color: #212529;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #F06292;
+ border-color: #F06292;
+ color: #212529;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ z-index: 1;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button {
+ border-radius: 0;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.fc.fc-theme-standard .fc-highlight {
+ color: #212529;
+ background: #F48FB1;
+}
+
+.p-orderlist .p-orderlist-controls {
+ padding: 0.571rem 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
+.p-orderlist .p-orderlist-header {
+ background: #191919;
+ color: #dedede;
+ border: 1px solid #191919;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list {
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ padding: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem white;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #212529;
+ background: #F48FB1;
+}
+.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
+ background: #323232;
+}
+.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
+ background: #4c4c4c;
+}
+
+.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight {
+ background: #F48FB1;
+ color: #212529;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: #e91b60;
+}
+.p-organizationchart .p-organizationchart-line-down {
+ background: #191919;
+}
+.p-organizationchart .p-organizationchart-line-left {
+ border-right: 1px solid #191919;
+ border-color: #191919;
+}
+.p-organizationchart .p-organizationchart-line-top {
+ border-top: 1px solid #191919;
+ border-color: #191919;
+}
+.p-organizationchart .p-organizationchart-node-content {
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ padding: 0.571rem 1rem;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
+ background: inherit;
+ color: inherit;
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+
+.p-paginator {
+ background: #252525;
+ color: #dedede;
+ border: solid #191919;
+ border-width: 1px;
+ padding: 0;
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: #dedede;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: #e0e0e0;
+ border-color: transparent;
+ color: #4c4c4c;
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.357rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-page-input {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+}
+.p-paginator .p-paginator-page-input .p-inputtext {
+ max-width: 2.357rem;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: #dedede;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: #dedede;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: #F48FB1;
+ border-color: #F48FB1;
+ color: #212529;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: #e0e0e0;
+ border-color: transparent;
+ color: #4c4c4c;
+}
+
+.p-picklist .p-picklist-buttons {
+ padding: 0.571rem 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
+.p-picklist .p-picklist-header {
+ background: #191919;
+ color: #dedede;
+ border: 1px solid #191919;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-picklist .p-picklist-list {
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ padding: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #dedede;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem white;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #212529;
+ background: #F48FB1;
+}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: #323232;
+}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: #4c4c4c;
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 0 none;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #F48FB1;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #191919;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
+.p-tree {
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ padding: 0.571rem 1rem;
+ border-radius: 3px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ padding: 0;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ 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: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: #888888;
+}
+.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: #dedede;
+}
+.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 white;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: #F48FB1;
+ color: #212529;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #212529;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #212529;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.429rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.429rem;
+ color: #888888;
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
+
+.p-treetable .p-paginator-top {
+ border-width: 1px 1px 0 1px;
+ border-radius: 0;
+}
+.p-treetable .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+ border-radius: 0;
+}
+.p-treetable .p-treetable-header {
+ background: #191919;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-width: 1px 1px 0 1px;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-treetable .p-treetable-footer {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-width: 0 1px 1px 1px;
+ padding: 0.571rem 1rem;
+ font-weight: normal;
+}
+.p-treetable .p-treetable-thead > tr > th {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #191919;
+ border-width: 1px 1px 1px 1px;
+ font-weight: 700;
+ color: #dedede;
+ background: #252525;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treetable .p-treetable-tfoot > tr > td {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #191919;
+ border-width: 1px;
+ font-weight: 700;
+ color: #dedede;
+ background: #252525;
+}
+.p-treetable .p-sortable-column {
+ outline-color: white;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: #888888;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #212529;
+ background: #F48FB1;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #dedede;
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #F48FB1;
+ color: #212529;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #212529;
+}
+.p-treetable .p-treetable-tbody > tr {
+ background: #323232;
+ color: #dedede;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #191919;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.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: #dedede;
+}
+.p-treetable .p-treetable-tbody > tr:focus {
+ outline: 0.15rem solid white;
+ outline-offset: -0.15rem;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: #F48FB1;
+ color: #212529;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #212529;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #212529;
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: #dedede;
+}
+.p-treetable .p-column-resizer-helper {
+ background: #F48FB1;
+}
+.p-treetable .p-treetable-scrollable-header,
+.p-treetable .p-treetable-scrollable-footer {
+ background: #191919;
+}
+.p-treetable .p-treetable-loading-icon {
+ font-size: 2rem;
+}
+.p-treetable.p-treetable-gridlines .p-datatable-header {
+ border-width: 1px 1px 0 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-footer {
+ border-width: 0 1px 1px 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-top {
+ border-width: 0 1px 0 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-bottom {
+ border-width: 0 1px 1px 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
+ border-width: 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
+ border-width: 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
+ border-width: 1px;
+}
+.p-treetable.p-treetable-sm .p-treetable-header {
+ padding: 0.749875rem 0.875rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
+ padding: 0.48535rem 0.85rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-footer {
+ padding: 0.48535rem 0.85rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-header {
+ padding: 1.07125rem 1.25rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
+ padding: 0.71375rem 1.25rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-footer {
+ padding: 0.71375rem 1.25rem;
+}
+
+.p-accordion .p-accordion-header .p-accordion-header-link {
+ padding: 0.857rem 1rem;
+ 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-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
+.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.1rem white;
+}
+.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
+ background: #191919;
+ border-color: #191919;
+ color: #F48FB1;
+}
+.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
+ 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;
+ color: #212529;
+}
+.p-accordion .p-accordion-content {
+ padding: 0.571rem 1rem;
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ border-top: 0;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-accordion .p-accordion-tab {
+ margin-bottom: 2px;
+}
+
+.p-card {
+ background: #323232;
+ color: #dedede;
+ 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: 3px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+ color: #888888;
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
+
+.p-fieldset {
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ border-radius: 3px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 0.857rem 1rem;
+ border: 1px solid #191919;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+ border-radius: 3px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 0.857rem 1rem;
+ color: #dedede;
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: #F48FB1;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: #191919;
+ border-color: #191919;
+ color: #F48FB1;
+}
+.p-fieldset .p-fieldset-content {
+ padding: 0.571rem 1rem;
+}
+
+.p-divider .p-divider-content {
+ background-color: #323232;
+}
+.p-divider.p-divider-horizontal {
+ margin: 1rem 0;
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #4b4b4b;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
+.p-divider.p-divider-vertical {
+ margin: 0 1rem;
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #4b4b4b;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
+
+.p-panel .p-panel-header {
+ border: 1px solid #191919;
+ padding: 0.857rem 1rem;
+ background: #191919;
+ color: #dedede;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 700;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ 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: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-panel.p-panel-toggleable .p-panel-header {
+ padding: 0.857rem 1rem;
+}
+.p-panel .p-panel-content {
+ padding: 0.571rem 1rem;
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+ border-top: 0 none;
+}
+.p-panel .p-panel-footer {
+ padding: 0.571rem 1rem;
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ border-top: 0 none;
+}
+
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #3f3f3f;
+ border: 0 none;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+
+.p-splitter {
+ border: 1px solid #191919;
+ background: #323232;
+ border-radius: 3px;
+ color: #dedede;
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: #191919;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #4b4b4b;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #4b4b4b;
+}
+
+.p-tabview .p-tabview-nav {
+ background: transparent;
+ border: 0 none;
+ border-width: 1px;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 2px;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: 1px solid #191919;
+ border-width: 1px;
+ border-color: #191919;
+ background: #191919;
+ color: #dedede;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.1rem white;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #191919;
+ border-color: #191919;
+ color: #F48FB1;
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #F48FB1;
+ border-color: #F48FB1;
+ color: #212529;
+}
+.p-tabview .p-tabview-nav-btn.p-link {
+ 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);
+ border-radius: 0;
+}
+.p-tabview .p-tabview-nav-btn.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.1rem white;
+}
+.p-tabview .p-tabview-panels {
+ background: #323232;
+ padding: 0.571rem 1rem;
+ border: 1px solid #191919;
+ color: #dedede;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+
+.p-toolbar {
+ background: #191919;
+ border: 1px solid #191919;
+ padding: 0.857rem 1rem;
+ border-radius: 3px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
+
+.p-confirm-popup {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-confirm-popup .p-confirm-popup-content {
+ padding: 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1rem 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(50, 50, 50, 0);
+ border-bottom-color: #323232;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(25, 25, 25, 0);
+ border-bottom-color: #191919;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #323232;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #191919;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
+
+.p-dialog {
+ border-radius: 3px;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+ border: 1px solid #191919;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 1px solid #191919;
+ background: #191919;
+ color: #dedede;
+ padding: 1rem;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 700;
+ font-size: 1rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #323232;
+ color: #dedede;
+ padding: 1rem;
+}
+.p-dialog .p-dialog-content:last-of-type {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ padding: 0.571rem 1rem;
+ text-align: right;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
+
+.p-overlaypanel {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 0.571rem 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #F48FB1;
+ color: #212529;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #F06292;
+ color: #212529;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(50, 50, 50, 0);
+ border-bottom-color: #323232;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(25, 25, 25, 0);
+ border-bottom-color: #181818;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #323232;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #191919;
+}
+
+.p-sidebar {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 0.857rem 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #888888;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: #dedede;
+ border-color: transparent;
+ background: transparent;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 0.571rem 1rem;
+}
+
+.p-tooltip .p-tooltip-text {
+ background: #4c4c4c;
+ color: #dedede;
+ padding: 0.429rem 0.429rem;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+}
+.p-tooltip.p-tooltip-right .p-tooltip-arrow {
+ border-right-color: #4c4c4c;
+}
+.p-tooltip.p-tooltip-left .p-tooltip-arrow {
+ border-left-color: #4c4c4c;
+}
+.p-tooltip.p-tooltip-top .p-tooltip-arrow {
+ border-top-color: #4c4c4c;
+}
+.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
+ border-bottom-color: #4c4c4c;
+}
+
+.p-fileupload .p-fileupload-buttonbar {
+ background: #191919;
+ padding: 0.857rem 1rem;
+ border: 1px solid #191919;
+ color: #dedede;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ gap: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-fileupload .p-fileupload-content {
+ background: #323232;
+ padding: 0.571rem 1rem;
+ border: 1px solid #191919;
+ color: #dedede;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #4b4b4b;
+ border-radius: 3px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-progressbar {
+ height: 0.25rem;
+}
+.p-fileupload .p-fileupload-row > div {
+ padding: 0.571rem 0.857rem;
+}
+.p-fileupload.p-fileupload-advanced .p-message {
+ margin-top: 0;
+}
+
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #F06292;
+ color: #212529;
+ border-color: #F06292;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #EC407A;
+ color: #212529;
+ border-color: #EC407A;
+}
+
+.p-breadcrumb {
+ background: #252525;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ padding: 0.571rem 1rem;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+}
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
+ margin: 0 0.5rem 0 0.5rem;
+ color: #dedede;
+}
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
+ color: #dedede;
+}
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
+ color: #dedede;
+}
+
+.p-contextmenu {
+ padding: 0;
+ background: #252525;
+ color: #dedede;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+ width: 12.5rem;
+}
+.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;
+ 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 {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #212529;
+ background: #F48FB1;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #F48FB1;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.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: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-menuitem-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
+
+.p-dock .p-dock-list-container {
+ background: rgba(255, 255, 255, 0.1);
+ border: 1px solid rgba(255, 255, 255, 0.2);
+ padding: 0.5rem 0.5rem;
+ border-radius: 0.5rem;
+}
+.p-dock .p-dock-list-container .p-dock-list {
+ outline: 0 none;
+}
+.p-dock .p-dock-item {
+ padding: 0.5rem;
+ border-radius: 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-link {
+ width: 4rem;
+ height: 4rem;
+}
+.p-dock.p-dock-top .p-dock-item-second-prev,
+.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
+.p-dock.p-dock-bottom .p-dock-item-second-next {
+ margin: 0 0.9rem;
+}
+.p-dock.p-dock-top .p-dock-item-prev,
+.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
+.p-dock.p-dock-bottom .p-dock-item-next {
+ margin: 0 1.3rem;
+}
+.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
+ margin: 0 1.5rem;
+}
+.p-dock.p-dock-left .p-dock-item-second-prev,
+.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
+.p-dock.p-dock-right .p-dock-item-second-next {
+ margin: 0.9rem 0;
+}
+.p-dock.p-dock-left .p-dock-item-prev,
+.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
+.p-dock.p-dock-right .p-dock-item-next {
+ margin: 1.3rem 0;
+}
+.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
+ margin: 1.5rem 0;
+}
+
+@media screen and (max-width: 960px) {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
+ overflow-x: auto;
+ width: 100%;
+ }
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
+ margin: 0 auto;
+ }
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
+ overflow-y: auto;
+ height: 100%;
+ }
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
+ margin: auto 0;
+ }
+ .p-dock .p-dock-list .p-dock-item {
+ transform: none;
+ margin: 0;
+ }
+}
+.p-megamenu {
+ padding: 0.5rem;
+ background: #252525;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+}
+.p-megamenu .p-megamenu-root-list {
+ outline: 0 none;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content {
+ color: #dedede;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #212529;
+ background: #F48FB1;
+}
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #F48FB1;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.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: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-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-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-megamenu .p-submenu-list {
+ padding: 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-submenu-list .p-menuitem-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0;
+}
+.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-menu {
+ padding: 0;
+ background: #252525;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ width: 12.5rem;
+}
+.p-menu .p-menuitem > .p-menuitem-content {
+ color: #dedede;
+ 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 {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.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.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:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.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;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #dedede;
+ background: #191919;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-menu .p-menuitem-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+
+.p-menubar {
+ padding: 0.5rem;
+ background: #252525;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+}
+.p-menubar .p-menubar-root-list {
+ outline: 0 none;
+}
+.p-menubar .p-menubar-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-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.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-menubar-root-list > .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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.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-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 > .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 > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #212529;
+ background: #F48FB1;
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #F48FB1;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.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-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;
+ background: #252525;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ width: 12.5rem;
+}
+.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;
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
+ color: #dedede;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
+ color: #dedede;
+ background: #4c4c4c;
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
+ padding: 0;
+ background: #252525;
+ border: 1px solid #191919;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 2.571rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 4.285rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 5.999rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 7.713rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 9.427rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
+.p-panelmenu .p-panelmenu-header {
+ outline: 0 none;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
+ border: 1px solid #191919;
+ color: #dedede;
+ background: #191919;
+ border-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.1rem white;
+}
+.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: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:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
+ border-color: #EC407A;
+ background: #EC407A;
+ color: #212529;
+}
+.p-panelmenu .p-panelmenu-content {
+ padding: 0;
+ border: 1px solid #191919;
+ background: #323232;
+ color: #dedede;
+ border-top: 0;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
+ outline: 0 none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
+ color: #dedede;
+ 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 {
+ padding: 0.857rem;
+ user-select: none;
+}
+.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-content .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.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-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-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: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: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: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: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-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 {
+ margin-bottom: 2px;
+}
+
+.p-steps .p-steps-item .p-menuitem-link {
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+ background: #191919;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: #dedede;
+ border: 1px solid #191919;
+ background: #191919;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: #888888;
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-steps .p-steps-item.p-highlight .p-steps-number {
+ background: #F48FB1;
+ color: #212529;
+}
+.p-steps .p-steps-item.p-highlight .p-steps-title {
+ font-weight: 700;
+ color: #dedede;
+}
+.p-steps .p-steps-item:before {
+ content: " ";
+ border-top: 1px solid #4b4b4b;
+ width: 100%;
+ top: 50%;
+ left: 0;
+ display: block;
+ position: absolute;
+ margin-top: -1rem;
+}
+
+.p-tabmenu .p-tabmenu-nav {
+ background: transparent;
+ border: 0 none;
+ border-width: 1px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 2px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: 1px solid #191919;
+ border-width: 1px;
+ border-color: #191919;
+ background: #191919;
+ color: #dedede;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.1rem white;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #191919;
+ border-color: #191919;
+ color: #F48FB1;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #F48FB1;
+ border-color: #F48FB1;
+ color: #212529;
+}
+
+.p-tieredmenu {
+ padding: 0;
+ background: #252525;
+ color: #dedede;
+ border: 1px solid #191919;
+ border-radius: 3px;
+ width: 12.5rem;
+}
+.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;
+ 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 {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #dedede;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #dedede;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #dedede;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #212529;
+ background: #F48FB1;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #212529;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #212529;
+}
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #F48FB1;
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #dedede;
+ background: #3c3c3c;
+}
+.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-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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #dedede;
+ background: #4c4c4c;
+}
+.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: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-menuitem-separator {
+ border-top: 1px solid #4b4b4b;
+ margin: 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
+
+.p-inline-message {
+ padding: 0.5rem;
+ margin: 0;
+ border-radius: 3px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
+
+.p-message {
+ margin: 1rem 0;
+ border-radius: 3px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-message.p-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-info .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-success .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-error .p-message-close {
+ color: #212121;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: normal;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
+
+.p-toast {
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1rem;
+ border-width: 0;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 0.5rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #212121;
+}
+
+.p-galleria .p-galleria-close {
+ margin: 0.5rem;
+ background: transparent;
+ color: #ebedef;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #ebedef;
+}
+.p-galleria .p-galleria-item-nav {
+ background: rgba(0, 0, 0, 0.2);
+ color: #aeb6bf;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
+}
+.p-galleria .p-galleria-caption {
+ background: rgba(0, 0, 0, 0.5);
+ color: #ebedef;
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators {
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #4b4b4b;
+ 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: #4c4c4c;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #F48FB1;
+ color: #212529;
+}
+.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+ margin-right: 0.5rem;
+}
+.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+ margin-bottom: 0.5rem;
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #F48FB1;
+ color: #212529;
+}
+.p-galleria .p-galleria-thumbnail-container {
+ background: rgba(0, 0, 0, 0.9);
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #aeb6bf;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+
+.p-galleria-mask {
+ --maskbg: rgba(0, 0, 0, 0.9);
+}
+
+.p-image-mask {
+ --maskbg: rgba(0, 0, 0, 0.9);
+}
+
+.p-image-preview-indicator {
+ background-color: transparent;
+ color: #f8f9fa;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+
+.p-image-preview-container:hover > .p-image-preview-indicator {
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.p-image-toolbar {
+ padding: 1rem;
+}
+
+.p-image-action.p-link {
+ color: #f8f9fa;
+ background-color: transparent;
+ width: 3rem;
+ height: 3rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-image-action.p-link:last-child {
+ margin-right: 0;
+}
+.p-image-action.p-link:hover {
+ color: #f8f9fa;
+ background-color: rgba(255, 255, 255, 0.1);
+}
+.p-image-action.p-link i {
+ font-size: 1.5rem;
+}
+
+.p-avatar {
+ background-color: #4b4b4b;
+ border-radius: 3px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
+
+.p-avatar-group .p-avatar {
+ border: 2px solid #323232;
+}
+
+.p-badge {
+ background: #F48FB1;
+ color: #212529;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #B0BEC5;
+ color: #121212;
+}
+.p-badge.p-badge-success {
+ background-color: #AED581;
+ color: #212529;
+}
+.p-badge.p-badge-info {
+ background-color: #4FC3F7;
+ color: #212529;
+}
+.p-badge.p-badge-warning {
+ background-color: #FFB74D;
+ color: #212529;
+}
+.p-badge.p-badge-danger {
+ background-color: #E57373;
+ color: #212529;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
+.p-chip {
+ background-color: #4b4b4b;
+ color: #dedede;
+ border-radius: 16px;
+ padding: 0 0.429rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.2145rem;
+ margin-bottom: 0.2145rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 1.929rem;
+ height: 1.929rem;
+ margin-left: -0.429rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+
+.p-inplace .p-inplace-display {
+ padding: 0.429rem 0.429rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: #4c4c4c;
+ color: #dedede;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.1rem white;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 24px;
+ background: #eaeaea;
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #F48FB1;
+}
+.p-progressbar .p-progressbar-label {
+ color: #212529;
+ line-height: 24px;
+}
+
+.p-scrolltop {
+ width: 3rem;
+ height: 3rem;
+ border-radius: 50%;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: #F48FB1;
+}
+.p-scrolltop.p-link:hover {
+ background: #F06292;
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: #212529;
+}
+
+.p-skeleton {
+ background-color: rgba(255, 255, 255, 0.06);
+ border-radius: 3px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
+}
+
+.p-tag {
+ background: #F48FB1;
+ color: #212529;
+ font-size: 0.75rem;
+ font-weight: 700;
+ padding: 0.25rem 0.4rem;
+ border-radius: 3px;
+}
+.p-tag.p-tag-success {
+ background-color: #AED581;
+ color: #212529;
+}
+.p-tag.p-tag-info {
+ background-color: #4FC3F7;
+ color: #212529;
+}
+.p-tag.p-tag-warning {
+ background-color: #FFB74D;
+ color: #212529;
+}
+.p-tag.p-tag-danger {
+ background-color: #E57373;
+ color: #212529;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
+
+.p-terminal {
+ background: #323232;
+ color: #dedede;
+ border: 1px solid #191919;
+ padding: 0.571rem 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
+
+/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css
index 73bcdfe..e973598 100644
--- a/public/themes/md-dark-deeppurple/theme.css
+++ b/public/themes/md-dark-deeppurple/theme.css
@@ -40,8 +40,8 @@
--surface-overlay:#262626;
--surface-border:hsla(0,0%,100%,.12);
--surface-hover:hsla(0,0%,100%,.04);
- --maskbg: rgba(0, 0, 0, 0.32);
--focus-ring: none;
+ --maskbg: rgba(0, 0, 0, 0.32);
color-scheme: dark;
}
@@ -265,18 +265,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 4rem;
}
-.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.5rem 1rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: rgba(255, 255, 255, 0.6);
}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #CE93D8;
}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.5rem 1rem;
+ gap: 0.5rem;
+}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.5rem 0;
}
@@ -289,14 +290,17 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.5rem 1rem;
- margin-right: 0.5rem;
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8;
- border-radius: 4px;
+ background: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: rgba(255, 255, 255, 0.24);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
@@ -320,14 +324,21 @@
transition: none;
border-radius: 0;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
-}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #CE93D8;
background: rgba(206, 147, 216, 0.16);
}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: rgba(206, 147, 216, 0.24);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 1rem;
@@ -518,10 +529,10 @@
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
+ border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
- border-left: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.04);
@@ -609,22 +620,24 @@
transition: none;
border-radius: 0;
}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 1rem 1rem;
-}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #CE93D8;
background: rgba(206, 147, 216, 0.16);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: rgba(206, 147, 216, 0.24);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.12);
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 1rem 1rem;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@@ -661,11 +674,6 @@
border-color: #CE93D8;
background: #CE93D8;
}
-.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
- border-color: #CE93D8;
- background: #CE93D8;
- color: #121212;
-}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: rgba(255, 255, 255, 0.6);
}
@@ -697,24 +705,28 @@
background: #CE93D8;
}
-.p-chips .p-chips-multiple-container {
- padding: 0.5rem 1rem;
-}
-.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: rgba(255, 255, 255, 0.6);
}
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #CE93D8;
}
+.p-chips .p-chips-multiple-container {
+ padding: 0.5rem 1rem;
+}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.5rem 1rem;
margin-right: 0.5rem;
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8;
- border-radius: 4px;
+ background: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: rgba(255, 255, 255, 0.24);
+ color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@@ -776,7 +788,7 @@
.p-dropdown .p-dropdown-label.p-placeholder {
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown .p-dropdown-label:enabled:focus {
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
@@ -819,13 +831,6 @@
right: 1rem;
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
- padding-right: 4rem;
- margin-right: -4rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
- right: 3rem;
-}
.p-dropdown-panel .p-dropdown-items {
padding: 0;
}
@@ -842,6 +847,13 @@
color: #CE93D8;
background: rgba(206, 147, 216, 0.16);
}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: rgba(206, 147, 216, 0.24);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.12);
+}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
@@ -1083,7 +1095,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: rgba(206, 147, 216, 0.5);
}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
+.p-inputswitch.p-invalid {
border-color: #f44435;
}
@@ -1125,13 +1137,11 @@
transition-duration: 0.2s;
}
-.p-float-label > label.p-error {
+.p-float-label > .p-invalid + label {
color: #f44435;
}
-.p-input-icon-left > i:first-of-type,
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > i:first-of-type {
left: 1rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1144,9 +1154,7 @@
left: 3rem;
}
-.p-input-icon-right > i:last-of-type,
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > i:last-of-type {
right: 1rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1196,6 +1204,7 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 4px;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-listbox .p-listbox-header {
padding: 1rem;
@@ -1215,6 +1224,7 @@
}
.p-listbox .p-listbox-list {
padding: 0;
+ outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
@@ -1228,11 +1238,6 @@
color: #CE93D8;
background: rgba(206, 147, 216, 0.16);
}
-.p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 1rem;
@@ -1245,42 +1250,27 @@
color: rgba(255, 255, 255, 0.87);
background: transparent;
}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: rgba(206, 147, 216, 0.24);
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.12);
+}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #CE93D8;
+}
.p-listbox.p-invalid {
border-color: #f44435;
}
-.p-mention-panel {
- background: #2b2b2b;
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
-}
-.p-mention-panel .p-mention-items {
- padding: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item {
- margin: 0;
- padding: 1rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
-}
-.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
- color: #CE93D8;
- background: rgba(206, 147, 216, 0.16);
-}
-
.p-multiselect {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
@@ -1296,9 +1286,6 @@
box-shadow: none;
border-color: #CE93D8;
}
-.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 2rem;
-}
.p-multiselect .p-multiselect-label {
padding: 1rem 1rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@@ -1309,9 +1296,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.5rem 1rem;
margin-right: 0.5rem;
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8;
- border-radius: 4px;
+ background: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
@@ -1323,10 +1310,6 @@
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
-.p-multiselect .p-multiselect-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 2.357rem;
-}
.p-multiselect.p-invalid.p-component {
border-color: #f44435;
}
@@ -1334,12 +1317,6 @@
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.5rem 1rem;
}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
- padding: 1rem 1rem;
-}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 2rem;
-}
.p-multiselect-panel {
background: #2b2b2b;
@@ -1357,9 +1334,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
- margin: 0 0.5rem;
-}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 2rem;
}
@@ -1367,7 +1341,11 @@
right: 1rem;
color: rgba(255, 255, 255, 0.6);
}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
width: 2.5rem;
height: 2.5rem;
color: rgba(255, 255, 255, 0.6);
@@ -1402,15 +1380,17 @@
color: #CE93D8;
background: rgba(206, 147, 216, 0.16);
}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: rgba(206, 147, 216, 0.24);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.12);
+}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
@@ -1462,15 +1442,6 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #C5E1A5;
}
-.p-password-panel .p-password-info.weak {
- color: #EF9A9A;
-}
-.p-password-panel .p-password-info.medium {
- color: #FFF59D;
-}
-.p-password-panel .p-password-info.strong {
- color: #C5E1A5;
-}
.p-radiobutton {
width: 20px;
@@ -1540,10 +1511,11 @@
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #f44435;
}
-.p-rating .p-rating-item:focus {
+.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
+ border-color: #CE93D8;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #CE93D8;
@@ -1687,50 +1659,6 @@
border-radius: 4px;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
-.p-treeselect-panel .p-treeselect-header {
- padding: 1rem;
- border-bottom: 1px solid rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- background: #2b2b2b;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
- margin-right: 0.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
- padding-right: 2rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 1rem;
- color: rgba(255, 255, 255, 0.6);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 4rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 3rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- 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: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
@@ -1760,6 +1688,12 @@
.p-togglebutton.p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #CE93D8;
+}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: #373737;
border-color: rgba(255, 255, 255, 0.12);
@@ -1800,12 +1734,12 @@
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
border-radius: 4px;
}
-.p-button:enabled:hover, .p-button:not(button):not(a):not(.p-disabled):hover {
+.p-button:enabled:hover {
background: rgba(206, 147, 216, 0.92);
color: #121212;
border-color: transparent;
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: rgba(206, 147, 216, 0.68);
color: #121212;
border-color: transparent;
@@ -1813,27 +1747,27 @@
.p-button.p-button-outlined {
background-color: transparent;
color: #CE93D8;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined:enabled:hover {
background: rgba(206, 147, 216, 0.04);
color: #CE93D8;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined:enabled:active {
background: rgba(206, 147, 216, 0.16);
color: #CE93D8;
- border: 0 none;
+ border: 0px none;
}
.p-button.p-button-outlined.p-button-plain {
color: rgba(255, 255, 255, 0.6);
border-color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:hover, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:active, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1842,12 +1776,12 @@
color: #CE93D8;
border-color: transparent;
}
-.p-button.p-button-text:enabled:hover, .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text:enabled:hover {
background: rgba(206, 147, 216, 0.04);
color: #CE93D8;
border-color: transparent;
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active {
background: rgba(206, 147, 216, 0.16);
color: #CE93D8;
border-color: transparent;
@@ -1855,11 +1789,11 @@
.p-button.p-button-text.p-button-plain {
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:hover, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:active, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1868,6 +1802,9 @@
outline-offset: 0;
box-shadow: none;
}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1920,20 +1857,11 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
+.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
- margin-right: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
- margin-top: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
- margin-bottom: 0.5rem;
-}
.p-button.p-button-loading-label-only .p-button-loading-icon {
- margin: 0;
+ margin-right: 0;
}
.p-fluid .p-button {
@@ -1949,295 +1877,295 @@
flex: 1;
}
-.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 {
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #121212;
background: #A5D6A7;
border: 0 none;
}
-.p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary:enabled:hover, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: rgba(165, 214, 167, 0.92);
color: #121212;
border-color: transparent;
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: rgba(165, 214, 167, 0.68);
color: #121212;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #A5D6A7;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(165, 214, 167, 0.04);
color: #A5D6A7;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(165, 214, 167, 0.16);
color: #A5D6A7;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #A5D6A7;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-text:enabled:hover, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(165, 214, 167, 0.04);
border-color: transparent;
color: #A5D6A7;
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(165, 214, 167, 0.16);
border-color: transparent;
color: #A5D6A7;
}
-.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #212121;
background: #90CAF9;
border: 0 none;
}
-.p-button.p-button-info:enabled:hover, .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info:enabled:hover, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: rgba(144, 202, 249, 0.92);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: rgba(144, 202, 249, 0.68);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #90CAF9;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-info.p-button-outlined:enabled:hover, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(144, 202, 249, 0.04);
color: #90CAF9;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(144, 202, 249, 0.16);
color: #90CAF9;
- border: 0 none;
+ border: 0px 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 {
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #90CAF9;
border-color: transparent;
}
-.p-button.p-button-info.p-button-text:enabled:hover, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(144, 202, 249, 0.04);
border-color: transparent;
color: #90CAF9;
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(144, 202, 249, 0.16);
border-color: transparent;
color: #90CAF9;
}
-.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #212121;
background: #C5E1A5;
border: 0 none;
}
-.p-button.p-button-success:enabled:hover, .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success:enabled:hover, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: rgba(197, 225, 165, 0.92);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: rgba(197, 225, 165, 0.68);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #C5E1A5;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-success.p-button-outlined:enabled:hover, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(197, 225, 165, 0.04);
color: #C5E1A5;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(197, 225, 165, 0.16);
color: #C5E1A5;
- border: 0 none;
+ border: 0px 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 {
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #C5E1A5;
border-color: transparent;
}
-.p-button.p-button-success.p-button-text:enabled:hover, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(197, 225, 165, 0.04);
border-color: transparent;
color: #C5E1A5;
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(197, 225, 165, 0.16);
border-color: transparent;
color: #C5E1A5;
}
-.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212121;
background: #FFF59D;
border: 0 none;
}
-.p-button.p-button-warning:enabled:hover, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning:enabled:hover, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: rgba(255, 245, 157, 0.92);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: rgba(255, 245, 157, 0.68);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #FFF59D;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(255, 245, 157, 0.04);
color: #FFF59D;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(255, 245, 157, 0.16);
color: #FFF59D;
- border: 0 none;
+ border: 0px 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 {
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #FFF59D;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-text:enabled:hover, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(255, 245, 157, 0.04);
border-color: transparent;
color: #FFF59D;
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(255, 245, 157, 0.16);
border-color: transparent;
color: #FFF59D;
}
-.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #212121;
background: #CE93D8;
border: 0 none;
}
-.p-button.p-button-help:enabled:hover, .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help:enabled:hover, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: rgba(206, 147, 216, 0.92);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: rgba(206, 147, 216, 0.68);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #CE93D8;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-help.p-button-outlined:enabled:hover, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(206, 147, 216, 0.04);
color: #CE93D8;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(206, 147, 216, 0.16);
color: #CE93D8;
- border: 0 none;
+ border: 0px 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 {
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #CE93D8;
border-color: transparent;
}
-.p-button.p-button-help.p-button-text:enabled:hover, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(206, 147, 216, 0.04);
border-color: transparent;
color: #CE93D8;
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(206, 147, 216, 0.16);
border-color: transparent;
color: #CE93D8;
}
-.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #212121;
background: #EF9A9A;
border: 0 none;
}
-.p-button.p-button-danger:enabled:hover, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger:enabled:hover, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: rgba(239, 154, 154, 0.92);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: rgba(239, 154, 154, 0.68);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #EF9A9A;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(239, 154, 154, 0.04);
color: #EF9A9A;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(239, 154, 154, 0.16);
color: #EF9A9A;
- border: 0 none;
+ border: 0px 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 {
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #EF9A9A;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-text:enabled:hover, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(239, 154, 154, 0.04);
border-color: transparent;
color: #EF9A9A;
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(239, 154, 154, 0.16);
border-color: transparent;
color: #EF9A9A;
@@ -2248,32 +2176,96 @@
background: transparent;
border: transparent;
}
-.p-button.p-button-link:enabled:hover, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-link:enabled:hover {
background: transparent;
color: #CE93D8;
border-color: transparent;
}
-.p-button.p-button-link:enabled:hover .p-button-label, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
+.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
-.p-button.p-button-link:enabled:focus, .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: none;
border-color: transparent;
}
-.p-button.p-button-link:enabled:active, .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-link:enabled:active {
background: transparent;
color: #CE93D8;
border-color: transparent;
}
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 2rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: #A5D6A7;
+ color: #212121;
+}
+.p-speeddial-action:hover {
+ background: rgba(165, 214, 167, 0.92);
+ color: #212121;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.32);
+}
+
.p-splitbutton {
border-radius: 4px;
}
.p-splitbutton.p-button-outlined > .p-button {
background-color: transparent;
color: #CE93D8;
- border: 0 none;
+ border: 0px none;
}
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(206, 147, 216, 0.04);
@@ -2348,7 +2340,7 @@
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
background-color: transparent;
color: #A5D6A7;
- border: 0 none;
+ border: 0px none;
}
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(165, 214, 167, 0.04);
@@ -2377,7 +2369,7 @@
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
background-color: transparent;
color: #90CAF9;
- border: 0 none;
+ border: 0px none;
}
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(144, 202, 249, 0.04);
@@ -2406,7 +2398,7 @@
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
background-color: transparent;
color: #C5E1A5;
- border: 0 none;
+ border: 0px none;
}
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(197, 225, 165, 0.04);
@@ -2435,7 +2427,7 @@
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
background-color: transparent;
color: #FFF59D;
- border: 0 none;
+ border: 0px none;
}
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(255, 245, 157, 0.04);
@@ -2464,7 +2456,7 @@
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
background-color: transparent;
color: #CE93D8;
- border: 0 none;
+ border: 0px none;
}
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(206, 147, 216, 0.04);
@@ -2493,7 +2485,7 @@
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
background-color: transparent;
color: #EF9A9A;
- border: 0 none;
+ border: 0px none;
}
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(239, 154, 154, 0.04);
@@ -2519,70 +2511,6 @@
color: #EF9A9A;
}
-.p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
-}
-.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 2rem;
-}
-
-.p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #A5D6A7;
- color: #212121;
-}
-.p-speeddial-action:hover {
- background: rgba(165, 214, 167, 0.92);
- color: #212121;
-}
-
-.p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
-}
-
-.p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
-}
-
-.p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
-}
-
-.p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
-}
-
-.p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
-}
-.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
-}
-
-.p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.32);
-}
-
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2.5rem;
@@ -2665,7 +2593,7 @@
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
- border: 1px solid 3404040;
+ border: 1px solid #404040;
border-width: 0 0 1px 0;
font-weight: 500;
color: rgba(255, 255, 255, 0.87);
@@ -2684,11 +2612,11 @@
background: rgba(206, 147, 216, 0.16);
margin-left: 0.5rem;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.6);
}
.p-datatable .p-sortable-column.p-highlight {
@@ -2698,11 +2626,11 @@
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column.p-highlight:hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-datatable .p-sortable-column:focus {
@@ -2754,9 +2682,9 @@
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 500;
}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8;
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid transparent;
+ outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: rgba(206, 147, 216, 0.16);
@@ -2768,23 +2696,7 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 rgba(206, 147, 216, 0.16);
}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
- outline: 0.15rem solid transparent;
- 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: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
- outline: 0.15rem solid transparent;
- outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
@@ -2824,22 +2736,31 @@
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #222222;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: rgba(206, 147, 216, 0.16);
color: #CE93D8;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #CE93D8;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #CE93D8;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
- background: #222222;
-}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
@@ -2871,10 +2792,6 @@
padding: 1.25rem 1.25rem;
}
-.p-datatable-drag-selection-helper {
- background: rgba(206, 147, 216, 0.16);
-}
-
.p-dataview .p-paginator-top {
border-width: 0 0 1px 0;
border-radius: 0;
@@ -2911,46 +2828,6 @@
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
-.p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
-}
-
-.p-datascroller .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-datascroller-header {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid rgba(255, 255, 255, 0.12);
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 500;
-}
-.p-datascroller .p-datascroller-content {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- padding: 1rem 0;
-}
-.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
- border: solid rgba(255, 255, 255, 0.12);
- border-width: 0 0 1px 0;
-}
-.p-datascroller .p-datascroller-footer {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #404040;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 500;
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px;
-}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
@@ -3376,19 +3253,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-orderlist .p-orderlist-filter-container {
- padding: 1rem;
- background: #1e1e1e;
- border: 1px solid rgba(255, 255, 255, 0.12);
- border-bottom: 0 none;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 2rem;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 1rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-orderlist .p-orderlist-list {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
@@ -3425,22 +3289,6 @@
background: rgba(255, 255, 255, 0.04);
}
-@media screen and (max-width: 769px) {
- .p-orderlist {
- flex-direction: column;
- }
- .p-orderlist .p-orderlist-controls {
- padding: 1rem;
- flex-direction: row;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-controls .p-button:last-child {
- margin-right: 0;
- }
-}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
@@ -3519,6 +3367,7 @@
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
+ margin-right: 0.5rem;
height: 3rem;
}
.p-paginator .p-dropdown .p-dropdown-label {
@@ -3577,19 +3426,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-picklist .p-picklist-filter-container {
- padding: 1rem;
- background: #1e1e1e;
- border: 1px solid rgba(255, 255, 255, 0.12);
- border-bottom: 0 none;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 2rem;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 1rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-picklist .p-picklist-list {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
@@ -3619,35 +3455,38 @@
color: #CE93D8;
background: rgba(206, 147, 216, 0.16);
}
-
-@media screen and (max-width: 769px) {
- .p-picklist {
- flex-direction: column;
- }
- .p-picklist .p-picklist-buttons {
- padding: 1rem;
- flex-direction: row;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-buttons .p-button:last-child {
- margin-right: 0;
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
- content: "\e930";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
- content: "\e92c";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
- content: "\e933";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
- content: "\e92f";
- }
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: rgba(255, 255, 255, 0.02);
}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 0 none;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #bdbdbd;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #bdbdbd;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
.p-tree {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
@@ -3714,10 +3553,6 @@
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
-}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
@@ -3735,12 +3570,6 @@
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
-.p-tree .p-treenode-droppoint {
- height: 0.5rem;
-}
-.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
- background: rgba(182, 94, 197, 0.16);
-}
.p-treetable .p-paginator-top {
border-width: 0 0 1px 0;
@@ -3779,7 +3608,7 @@
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
- border: 1px solid 3404040;
+ border: 1px solid #404040;
border-width: 0 0 1px 0;
font-weight: 500;
color: rgba(255, 255, 255, 0.87);
@@ -3866,11 +3695,11 @@
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: #CE93D8;
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: rgba(255, 255, 255, 0.87);
}
.p-treetable .p-column-resizer-helper {
@@ -3935,31 +3764,6 @@
padding: 1.25rem 1.25rem;
}
-.p-timeline .p-timeline-event-marker {
- border: 0 none;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #bdbdbd;
-}
-.p-timeline .p-timeline-event-connector {
- background-color: #bdbdbd;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
-}
-
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1.5rem;
border: 0 none;
@@ -3975,7 +3779,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: none;
+ box-shadow: inset none;
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: rgba(255, 255, 255, 0.04);
@@ -4029,7 +3833,7 @@
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
-.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-content {
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
@@ -4092,6 +3896,9 @@
outline-offset: 0;
box-shadow: none;
}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: rgba(255, 255, 255, 0.04);
border-color: rgba(255, 255, 255, 0.12);
@@ -4175,6 +3982,17 @@
border-top: 0 none;
}
+.p-scrollpanel .p-scrollpanel-bar {
+ background: rgba(255, 255, 255, 0.12);
+ border: 0 none;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+
.p-splitter {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
@@ -4187,16 +4005,17 @@
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: rgba(255, 255, 255, 0.12);
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
}
.p-splitter .p-splitter-gutter-resizing {
background: rgba(255, 255, 255, 0.12);
}
-.p-scrollpanel .p-scrollpanel-bar {
- background: rgba(255, 255, 255, 0.12);
- border: 0 none;
-}
-
.p-tabview .p-tabview-nav {
background: transparent;
border: solid rgba(255, 255, 255, 0.12);
@@ -4233,9 +4052,6 @@
border-color: rgba(255, 255, 255, 0.12);
color: #CE93D8;
}
-.p-tabview .p-tabview-close {
- margin-left: 0.5rem;
-}
.p-tabview .p-tabview-nav-btn.p-link {
background: transparent;
color: #CE93D8;
@@ -4488,9 +4304,12 @@
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
+ gap: 0.5rem;
}
-.p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
}
.p-fileupload .p-fileupload-content {
background: #1e1e1e;
@@ -4500,6 +4319,22 @@
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 4px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
.p-fileupload .p-progressbar {
height: 4px;
}
@@ -4510,35 +4345,46 @@
margin-top: 0;
}
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: rgba(206, 147, 216, 0.92);
+ color: #121212;
+ border-color: transparent;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: rgba(206, 147, 216, 0.68);
+ color: #121212;
+ border-color: transparent;
+}
+
.p-breadcrumb {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 4px;
padding: 1rem;
}
-.p-breadcrumb ul li .p-menuitem-link {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: none;
border-radius: 4px;
}
-.p-breadcrumb ul li .p-menuitem-link:focus {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
-.p-breadcrumb ul li:last-child .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
@@ -4551,39 +4397,8 @@
border-radius: 4px;
width: 12.5rem;
}
-.p-contextmenu .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .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 {
- 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-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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-link:focus {
+.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
}
.p-contextmenu .p-submenu-list {
padding: 0.5rem 0;
@@ -4592,16 +4407,59 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.04);
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: none;
+ border-radius: 0;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 1rem 1rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .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-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.6);
}
-.p-contextmenu .p-menu-separator {
+.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.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.04);
+}
+.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:not(.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: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: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: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-menuitem-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
margin: 0.5rem 0;
}
@@ -4609,78 +4467,71 @@
font-size: 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-action {
+.p-dock .p-dock-item.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-dock .p-dock-link {
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 {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
- .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list {
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
- .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container {
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
- .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
- .p-dock.p-dock-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 {
+ .p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
@@ -4692,90 +4543,60 @@
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;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 4px;
- transition: none;
- user-select: none;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .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 {
- 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 {
- 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.04);
-}
-.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.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 {
+.p-megamenu .p-megamenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
}
-.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(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 {
- 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 {
- 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 > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
+ transition: none;
border-radius: 0;
- transition: none;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 1rem 1rem;
user-select: none;
}
-.p-megamenu .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-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-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);
}
-.p-megamenu .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-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-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-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.04);
}
-.p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
+.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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: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: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-megamenu-panel {
background: #2b2b2b;
@@ -4783,7 +4604,7 @@
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 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);
@@ -4792,27 +4613,48 @@
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(255, 255, 255, 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;
}
+.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-menu {
padding: 0.5rem 0;
@@ -4822,39 +4664,57 @@
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 {
+ 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: rgba(255, 255, 255, 0.12);
+}
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ 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;
@@ -4870,7 +4730,7 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
}
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
margin: 0.5rem 0;
}
@@ -4882,89 +4742,89 @@
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 4px;
}
-.p-menubar .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-menubar .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 {
- color: rgba(255, 255, 255, 0.6);
-}
-.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 {
- 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 {
- color: rgba(255, 255, 255, 0.6);
-}
-.p-menubar .p-menuitem-link:focus {
+.p-menubar .p-menubar-root-list {
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-menubar-root-list > .p-menuitem > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- border-radius: 4px;
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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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: none;
+ border-radius: 0;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 1rem 1rem;
+ user-select: none;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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-menuitem > .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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-.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 {
+.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-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.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-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.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-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.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.04);
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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-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 {
@@ -4974,22 +4834,13 @@
box-shadow: 0 2px 4px -1px rgba(0, 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(255, 255, 255, 0.12);
margin: 0.5rem 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
font-size: 0.875rem;
}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- 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-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);
-}
@media screen and (max-width: 960px) {
.p-menubar {
@@ -5021,56 +4872,22 @@
box-shadow: 0 2px 4px -1px rgba(0, 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: 100%;
}
- .p-menubar .p-menubar-root-list .p-menu-separator {
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
margin: 0.5rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
- .p-menubar .p-menubar-root-list > .p-menuitem {
+ .p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .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 {
- 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 {
- 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:not(.p-disabled):hover .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 {
- 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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5083,26 +4900,26 @@
transition: transform 0.2s;
transform: rotate(90deg);
}
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3rem;
}
- .p-menubar .p-menubar-root-list ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 5rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 7rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 9rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 11rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5113,42 +4930,45 @@
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-action {
+ padding: 1.5rem;
+ font-weight: 400;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a:focus {
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .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);
@@ -5164,66 +4984,91 @@
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 {
+ 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 {
+.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: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:not(.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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-.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(255, 255, 255, 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;
}
@@ -5232,80 +5077,6 @@
border-bottom-left-radius: 4px;
}
-.p-slidemenu {
- padding: 0.5rem 0;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid rgba(255, 255, 255, 0.12);
- border-radius: 4px;
- width: 12.5rem;
-}
-.p-slidemenu .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .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 {
- 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:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-.p-slidemenu.p-slidemenu-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-slidemenu .p-slidemenu-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-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
- background: rgba(255, 255, 255, 0.04);
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.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: rgba(255, 255, 255, 0.6);
-}
-.p-slidemenu .p-slidemenu-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- margin: 0.5rem 0;
-}
-.p-slidemenu .p-slidemenu-icon {
- font-size: 0.875rem;
-}
-.p-slidemenu .p-slidemenu-backward {
- padding: 1rem 1rem;
- color: rgba(255, 255, 255, 0.87);
-}
-
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: none;
@@ -5371,7 +5142,6 @@
border-top-left-radius: 4px;
transition: none;
margin: 0 0 -1px 0;
- height: calc(100% + 1px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
@@ -5400,61 +5170,73 @@
border-radius: 4px;
width: 12.5rem;
}
-.p-tieredmenu .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .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 {
- 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 {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.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-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.04);
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: none;
+ border-radius: 0;
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 1rem 1rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .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 .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.6);
}
-.p-tieredmenu .p-menu-separator {
+.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.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.04);
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ 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: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: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-menuitem-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
margin: 0.5rem 0;
}
@@ -5766,9 +5548,6 @@
background: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.87);
}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- transition: none;
-}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
@@ -5842,6 +5621,48 @@
border: 2px solid #1e1e1e;
}
+.p-badge {
+ background: #CE93D8;
+ color: #121212;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #A5D6A7;
+ color: #121212;
+}
+.p-badge.p-badge-success {
+ background-color: #C5E1A5;
+ color: #212121;
+}
+.p-badge.p-badge-info {
+ background-color: #90CAF9;
+ color: #212121;
+}
+.p-badge.p-badge-warning {
+ background-color: #FFF59D;
+ color: #212121;
+}
+.p-badge.p-badge-danger {
+ background-color: #EF9A9A;
+ color: #212121;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
.p-chip {
background-color: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
@@ -5863,9 +5684,9 @@
margin-right: 0.5rem;
}
.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
border-radius: 4px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-left: 0.5rem;
}
.p-chip .p-chip-remove-icon:focus {
outline: 0 none;
@@ -5873,6 +5694,37 @@
box-shadow: none;
}
+.p-inplace .p-inplace-display {
+ padding: 1rem 1rem;
+ border-radius: 4px;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 4px;
+ background: rgba(206, 147, 216, 0.32);
+ border-radius: 4px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #CE93D8;
+}
+.p-progressbar .p-progressbar-label {
+ color: #121212;
+ line-height: 4px;
+}
+
.p-scrolltop {
width: 3rem;
height: 3rem;
@@ -5928,37 +5780,6 @@
font-size: 0.75rem;
}
-.p-inplace .p-inplace-display {
- padding: 1rem 1rem;
- border-radius: 4px;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
-}
-.p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-
-.p-progressbar {
- border: 0 none;
- height: 4px;
- background: rgba(206, 147, 216, 0.32);
- border-radius: 4px;
-}
-.p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #CE93D8;
-}
-.p-progressbar .p-progressbar-label {
- color: #121212;
- line-height: 4px;
-}
-
.p-terminal {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
@@ -5970,73 +5791,6 @@
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
}
-.p-badge {
- background: #CE93D8;
- color: #121212;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
-}
-.p-badge.p-badge-secondary {
- background-color: #A5D6A7;
- color: #121212;
-}
-.p-badge.p-badge-success {
- background-color: #C5E1A5;
- color: #212121;
-}
-.p-badge.p-badge-info {
- background-color: #90CAF9;
- color: #212121;
-}
-.p-badge.p-badge-warning {
- background-color: #FFF59D;
- color: #212121;
-}
-.p-badge.p-badge-danger {
- background-color: #EF9A9A;
- color: #212121;
-}
-.p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
-}
-.p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
-}
-
-.p-tag {
- background: #CE93D8;
- color: #121212;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 4px;
-}
-.p-tag.p-tag-success {
- background-color: #C5E1A5;
- color: #212121;
-}
-.p-tag.p-tag-info {
- background-color: #90CAF9;
- color: #212121;
-}
-.p-tag.p-tag-warning {
- background-color: #FFF59D;
- color: #212121;
-}
-.p-tag.p-tag-danger {
- background-color: #EF9A9A;
- color: #212121;
-}
-
.p-accordion .p-accordion-tab {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;
@@ -6169,19 +5923,19 @@
.p-button.p-button-icon-only {
min-width: auto;
}
-.p-button:enabled:focus, .p-button:not(button):not(a):not(.p-disabled):focus {
+.p-button:enabled:focus {
background: rgba(206, 147, 216, 0.76);
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: rgba(206, 147, 216, 0.68);
}
.p-button .p-ink {
background-color: rgba(255, 255, 255, 0.32);
}
-.p-button.p-button-text:enabled:focus, .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-outlined:enabled:focus, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus {
background: rgba(206, 147, 216, 0.12);
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active {
background: rgba(206, 147, 216, 0.16);
}
.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink {
@@ -6210,103 +5964,103 @@
color: rgba(255, 255, 255, 0.38) !important;
border-color: rgba(255, 255, 255, 0.38) !important;
}
-.p-button.p-button-raised:enabled:focus, .p-button.p-button-raised:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-raised:enabled:focus {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
background: rgba(165, 214, 167, 0.76);
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: rgba(165, 214, 167, 0.68);
}
-.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:focus, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus {
background: rgba(165, 214, 167, 0.12);
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(165, 214, 167, 0.16);
}
-.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-secondary.p-button-text .p-ink, .p-fileupload-choose.p-button-secondary.p-button-outlined .p-ink {
+.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink {
background-color: rgba(165, 214, 167, 0.16);
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
background: rgba(144, 202, 249, 0.76);
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: rgba(144, 202, 249, 0.68);
}
-.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info.p-button-text:enabled:focus, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus {
background: rgba(144, 202, 249, 0.12);
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(144, 202, 249, 0.16);
}
-.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-info.p-button-text .p-ink, .p-fileupload-choose.p-button-info.p-button-outlined .p-ink {
+.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink {
background-color: rgba(144, 202, 249, 0.16);
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
background: rgba(197, 225, 165, 0.76);
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: rgba(197, 225, 165, 0.68);
}
-.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success.p-button-text:enabled:focus, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus {
background: rgba(197, 225, 165, 0.12);
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(197, 225, 165, 0.16);
}
-.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-success.p-button-text .p-ink, .p-fileupload-choose.p-button-success.p-button-outlined .p-ink {
+.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink {
background-color: rgba(197, 225, 165, 0.16);
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
background: rgba(255, 245, 157, 0.76);
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: rgba(255, 245, 157, 0.68);
}
-.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning.p-button-text:enabled:focus, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus {
background: rgba(255, 245, 157, 0.12);
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(255, 245, 157, 0.16);
}
-.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-warning.p-button-text .p-ink, .p-fileupload-choose.p-button-warning.p-button-outlined .p-ink {
+.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink {
background-color: rgba(255, 245, 157, 0.16);
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
background: rgba(206, 147, 216, 0.76);
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: rgba(206, 147, 216, 0.68);
}
-.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help.p-button-text:enabled:focus, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus {
background: rgba(206, 147, 216, 0.12);
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(206, 147, 216, 0.16);
}
-.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-help.p-button-text .p-ink, .p-fileupload-choose.p-button-help.p-button-outlined .p-ink {
+.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink {
background-color: rgba(206, 147, 216, 0.16);
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
background: rgba(239, 154, 154, 0.76);
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: rgba(239, 154, 154, 0.68);
}
-.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger.p-button-text:enabled:focus, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus {
background: rgba(239, 154, 154, 0.12);
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(239, 154, 154, 0.16);
}
-.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-danger.p-button-text .p-ink, .p-fileupload-choose.p-button-danger.p-button-outlined .p-ink {
+.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink {
background-color: rgba(239, 154, 154, 0.16);
}
@@ -6340,13 +6094,19 @@
.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled {
background-color: transparent !important;
}
-.p-calendar-w-btn:not(.p-disabled):hover {
+.p-calendar-w-btn:not(.p-calendar-disabled):hover {
border-color: rgba(255, 255, 255, 0.6);
}
-.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+.p-calendar-w-btn:not(.p-calendar-disabled).p-inputwrapper-focus {
border-color: #CE93D8;
box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
}
+.p-calendar-w-btn.p-calendar-disabled {
+ opacity: 0.38;
+}
+.p-calendar-w-btn.p-calendar-disabled .p-inputtext {
+ opacity: 1;
+}
.p-datepicker .p-datepicker-header {
border-bottom: 0 none;
@@ -6401,18 +6161,18 @@
background-image: none;
background: transparent;
}
-.p-input-filled .p-calendar-w-btn:not(.p-disabled):hover {
+.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
-.p-input-filled .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
-.p-input-filled .p-calendar-w-btn .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:focus {
+.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
@@ -6442,9 +6202,7 @@
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
-.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,
-.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext {
border: 0 none;
background-image: none;
}
@@ -6502,6 +6260,7 @@
background-image: none;
background: transparent;
}
+
.p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label {
padding-top: 1.5rem;
padding-bottom: 0.5rem;
@@ -6658,6 +6417,13 @@
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
+.p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.12);
+}
+
.p-datatable .p-sortable-column {
outline: 0 none;
}
@@ -6854,9 +6620,7 @@
}
.p-input-filled .p-inputgroup-addon:first-child,
.p-input-filled .p-inputgroup button:first-child,
-.p-input-filled .p-inputgroup input:first-child,
-.p-input-filled .p-inputgroup > .p-inputwrapper:first-child,
-.p-input-filled .p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
+.p-input-filled .p-inputgroup input:first-child {
border-bottom-left-radius: 0;
}
.p-input-filled .p-inputgroup .p-float-label:first-child input {
@@ -6864,9 +6628,7 @@
}
.p-input-filled .p-inputgroup-addon:last-child,
.p-input-filled .p-inputgroup button:last-child,
-.p-input-filled .p-inputgroup input:last-child,
-.p-input-filled .p-inputgroup > .p-inputwrapper:last-child,
-.p-input-filled .p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
+.p-input-filled .p-inputgroup input:last-child {
border-bottom-right-radius: 0;
}
.p-input-filled .p-inputgroup .p-float-label:last-child input {
@@ -6897,13 +6659,13 @@
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before {
box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04);
}
-.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
+.p-inputswitch.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
}
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before {
box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
}
-.p-inputswitch.p-inputswitch-checked.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
+.p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
}
@@ -6961,15 +6723,24 @@
background: rgba(206, 147, 216, 0.24);
}
-.p-megamenu .p-menuitem .p-menuitem-link:focus {
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
background: rgba(255, 255, 255, 0.12);
}
-.p-menu .p-menuitem .p-menuitem-link:focus {
+.p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
background: rgba(255, 255, 255, 0.12);
}
-.p-menubar .p-menuitem .p-menuitem-link:focus {
+.p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
background: rgba(255, 255, 255, 0.12);
}
@@ -6993,7 +6764,7 @@
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus.p-highlight {
background: rgba(206, 147, 216, 0.24);
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+.p-multiselect-panel .p-multiselect-close:focus {
background: rgba(255, 255, 255, 0.12);
}
@@ -7070,10 +6841,6 @@
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
-.p-overlaypanel .p-overlaypanel-content {
- padding: 1.5rem;
-}
-
.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
background: rgba(255, 255, 255, 0.12);
}
@@ -7081,6 +6848,10 @@
background: rgba(206, 147, 216, 0.24);
}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 1.5rem;
+}
+
.p-paginator {
justify-content: flex-end;
}
@@ -7127,6 +6898,26 @@
background: rgba(255, 255, 255, 0.12);
}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
+ order: 1;
+ margin-left: auto;
+ margin-right: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-disabled {
+ opacity: 1;
+}
+.p-panelmenu .p-panelmenu-header.p-disabled .p-panelmenu-header-content > * {
+ opacity: 0.38;
+}
+.p-panelmenu .p-panelmenu-header:focus .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-header.p-highlight:focus .p-panelmenu-header-content {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.12);
+}
.p-panelmenu .p-panelmenu-panel {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;
@@ -7142,23 +6933,6 @@
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
-.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon {
- order: 1;
- margin-left: auto;
- margin-right: 0;
-}
-.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled {
- opacity: 1;
-}
-.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * {
- opacity: 0.38;
-}
-.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus {
- background: rgba(255, 255, 255, 0.04);
-}
-.p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus {
- background: rgba(255, 255, 255, 0.12);
-}
.p-picklist .p-picklist-list .p-picklist-item:focus {
background: rgba(255, 255, 255, 0.12);
@@ -7170,10 +6944,32 @@
.p-progressbar {
border-radius: 0;
}
-.p-progressbar .p-progressbar-label {
+.p-progressbar.p-progressbar-determinate .p-progressbar-label {
display: none;
}
+.p-rating {
+ gap: 0;
+}
+.p-rating .p-rating-item {
+ border-radius: 50%;
+ width: 2rem;
+ height: 2rem;
+ justify-content: center;
+}
+.p-rating .p-rating-item.p-focus {
+ background: rgba(206, 147, 216, 0.12);
+}
+.p-rating .p-rating-item.p-focus.p-rating-cancel-item {
+ background: rgba(244, 68, 53, 0.12);
+}
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover {
+ background-color: rgba(0, 0, 0, 0.04);
+}
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item {
+ background: rgba(244, 68, 53, 0.04);
+}
+
.p-radiobutton {
border-radius: 50%;
transition: box-shadow 0.2s;
@@ -7207,26 +7003,8 @@
background-color: #1e1e1e;
}
-.p-rating {
- gap: 0;
-}
-.p-rating .p-rating-item {
- border-radius: 50%;
- width: 2rem;
- height: 2rem;
- justify-content: center;
-}
-.p-rating .p-rating-item:focus {
- background: rgba(206, 147, 216, 0.12);
-}
-.p-rating .p-rating-item:focus.p-rating-cancel-item {
- background: rgba(244, 68, 53, 0.12);
-}
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover {
- background-color: rgba(0, 0, 0, 0.04);
-}
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item {
- background: rgba(244, 68, 53, 0.04);
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ box-shadow: 0 0 1px 4px rgba(165, 214, 167, 0.2);
}
.p-selectbutton .p-button:focus {
@@ -7238,10 +7016,6 @@
border-color: rgba(255, 255, 255, 0.12);
}
-.p-slidemenu .p-menuitem-link:focus {
- background: rgba(255, 255, 255, 0.12);
-}
-
.p-slider .p-slider-handle {
transition: transform 0.2s, box-shadow 0.2s;
transform: scale(0.7);
@@ -7327,6 +7101,17 @@
background: rgba(239, 154, 154, 0.16);
}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ transition: transform 0.2s, box-shadow 0.2s;
+ transform: scale(0.7);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ box-shadow: 0 0 1px 6px rgba(165, 214, 167, 0.2);
+}
+.p-splitter .p-splitter-gutter.p-splitter-gutter-resizing .p-splitter-gutter-handle {
+ transform: scale(1);
+}
+
.p-steps {
padding: 1rem 0;
}
@@ -7403,7 +7188,10 @@
transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
}
-.p-tieredmenu .p-menuitem-link:focus {
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
background: rgba(255, 255, 255, 0.12);
}
diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css
index 009efd0..9711283 100644
--- a/public/themes/md-dark-indigo/theme.css
+++ b/public/themes/md-dark-indigo/theme.css
@@ -40,8 +40,8 @@
--surface-overlay:#262626;
--surface-border:hsla(0,0%,100%,.12);
--surface-hover:hsla(0,0%,100%,.04);
- --maskbg: rgba(0, 0, 0, 0.32);
--focus-ring: none;
+ --maskbg: rgba(0, 0, 0, 0.32);
color-scheme: dark;
}
@@ -265,18 +265,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 4rem;
}
-.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.5rem 1rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: rgba(255, 255, 255, 0.6);
}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #9FA8DA;
}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.5rem 1rem;
+ gap: 0.5rem;
+}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.5rem 0;
}
@@ -289,14 +290,17 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.5rem 1rem;
- margin-right: 0.5rem;
- background: rgba(159, 168, 218, 0.16);
- color: #9FA8DA;
- border-radius: 4px;
+ background: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: rgba(255, 255, 255, 0.24);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
@@ -320,14 +324,21 @@
transition: none;
border-radius: 0;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
-}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #9FA8DA;
background: rgba(159, 168, 218, 0.16);
}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: rgba(159, 168, 218, 0.24);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 1rem;
@@ -518,10 +529,10 @@
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
+ border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
- border-left: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.04);
@@ -609,22 +620,24 @@
transition: none;
border-radius: 0;
}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 1rem 1rem;
-}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #9FA8DA;
background: rgba(159, 168, 218, 0.16);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: rgba(159, 168, 218, 0.24);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.12);
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 1rem 1rem;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@@ -661,11 +674,6 @@
border-color: #9FA8DA;
background: #9FA8DA;
}
-.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
- border-color: #9FA8DA;
- background: #9FA8DA;
- color: #121212;
-}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: rgba(255, 255, 255, 0.6);
}
@@ -697,24 +705,28 @@
background: #9FA8DA;
}
-.p-chips .p-chips-multiple-container {
- padding: 0.5rem 1rem;
-}
-.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: rgba(255, 255, 255, 0.6);
}
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #9FA8DA;
}
+.p-chips .p-chips-multiple-container {
+ padding: 0.5rem 1rem;
+}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.5rem 1rem;
margin-right: 0.5rem;
- background: rgba(159, 168, 218, 0.16);
- color: #9FA8DA;
- border-radius: 4px;
+ background: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: rgba(255, 255, 255, 0.24);
+ color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@@ -776,7 +788,7 @@
.p-dropdown .p-dropdown-label.p-placeholder {
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown .p-dropdown-label:enabled:focus {
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
@@ -819,13 +831,6 @@
right: 1rem;
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
- padding-right: 4rem;
- margin-right: -4rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
- right: 3rem;
-}
.p-dropdown-panel .p-dropdown-items {
padding: 0;
}
@@ -842,6 +847,13 @@
color: #9FA8DA;
background: rgba(159, 168, 218, 0.16);
}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: rgba(159, 168, 218, 0.24);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.12);
+}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
@@ -1083,7 +1095,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: rgba(159, 168, 218, 0.5);
}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
+.p-inputswitch.p-invalid {
border-color: #f44435;
}
@@ -1125,13 +1137,11 @@
transition-duration: 0.2s;
}
-.p-float-label > label.p-error {
+.p-float-label > .p-invalid + label {
color: #f44435;
}
-.p-input-icon-left > i:first-of-type,
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > i:first-of-type {
left: 1rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1144,9 +1154,7 @@
left: 3rem;
}
-.p-input-icon-right > i:last-of-type,
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > i:last-of-type {
right: 1rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1196,6 +1204,7 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 4px;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-listbox .p-listbox-header {
padding: 1rem;
@@ -1215,6 +1224,7 @@
}
.p-listbox .p-listbox-list {
padding: 0;
+ outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
@@ -1228,11 +1238,6 @@
color: #9FA8DA;
background: rgba(159, 168, 218, 0.16);
}
-.p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 1rem;
@@ -1245,42 +1250,27 @@
color: rgba(255, 255, 255, 0.87);
background: transparent;
}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: rgba(159, 168, 218, 0.24);
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.12);
+}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #9FA8DA;
+}
.p-listbox.p-invalid {
border-color: #f44435;
}
-.p-mention-panel {
- background: #2b2b2b;
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
-}
-.p-mention-panel .p-mention-items {
- padding: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item {
- margin: 0;
- padding: 1rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
-}
-.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
- color: #9FA8DA;
- background: rgba(159, 168, 218, 0.16);
-}
-
.p-multiselect {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
@@ -1296,9 +1286,6 @@
box-shadow: none;
border-color: #9FA8DA;
}
-.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 2rem;
-}
.p-multiselect .p-multiselect-label {
padding: 1rem 1rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@@ -1309,9 +1296,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.5rem 1rem;
margin-right: 0.5rem;
- background: rgba(159, 168, 218, 0.16);
- color: #9FA8DA;
- border-radius: 4px;
+ background: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
@@ -1323,10 +1310,6 @@
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
-.p-multiselect .p-multiselect-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 2.357rem;
-}
.p-multiselect.p-invalid.p-component {
border-color: #f44435;
}
@@ -1334,12 +1317,6 @@
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.5rem 1rem;
}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
- padding: 1rem 1rem;
-}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 2rem;
-}
.p-multiselect-panel {
background: #2b2b2b;
@@ -1357,9 +1334,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
- margin: 0 0.5rem;
-}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 2rem;
}
@@ -1367,7 +1341,11 @@
right: 1rem;
color: rgba(255, 255, 255, 0.6);
}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
width: 2.5rem;
height: 2.5rem;
color: rgba(255, 255, 255, 0.6);
@@ -1402,15 +1380,17 @@
color: #9FA8DA;
background: rgba(159, 168, 218, 0.16);
}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: rgba(159, 168, 218, 0.24);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.12);
+}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
@@ -1462,15 +1442,7 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #C5E1A5;
}
-.p-password-panel .p-password-info.weak {
- color: #EF9A9A;
-}
-.p-password-panel .p-password-info.medium {
- color: #FFF59D;
-}
-.p-password-panel .p-password-info.strong {
- color: #C5E1A5;
-}
+
.p-radiobutton {
width: 20px;
height: 20px;
@@ -1539,10 +1511,11 @@
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #f44435;
}
-.p-rating .p-rating-item:focus {
+.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
+ border-color: #9FA8DA;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #9FA8DA;
@@ -1686,50 +1659,6 @@
border-radius: 4px;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
-.p-treeselect-panel .p-treeselect-header {
- padding: 1rem;
- border-bottom: 1px solid rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- background: #2b2b2b;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
- margin-right: 0.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
- padding-right: 2rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 1rem;
- color: rgba(255, 255, 255, 0.6);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 4rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 3rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- 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: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
@@ -1759,6 +1688,12 @@
.p-togglebutton.p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #9FA8DA;
+}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: #373737;
border-color: rgba(255, 255, 255, 0.12);
@@ -1799,12 +1734,12 @@
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
border-radius: 4px;
}
-.p-button:enabled:hover, .p-button:not(button):not(a):not(.p-disabled):hover {
+.p-button:enabled:hover {
background: rgba(159, 168, 218, 0.92);
color: #121212;
border-color: transparent;
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: rgba(159, 168, 218, 0.68);
color: #121212;
border-color: transparent;
@@ -1812,27 +1747,27 @@
.p-button.p-button-outlined {
background-color: transparent;
color: #9FA8DA;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined:enabled:hover {
background: rgba(159, 168, 218, 0.04);
color: #9FA8DA;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined:enabled:active {
background: rgba(159, 168, 218, 0.16);
color: #9FA8DA;
- border: 0 none;
+ border: 0px none;
}
.p-button.p-button-outlined.p-button-plain {
color: rgba(255, 255, 255, 0.6);
border-color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:hover, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:active, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1841,12 +1776,12 @@
color: #9FA8DA;
border-color: transparent;
}
-.p-button.p-button-text:enabled:hover, .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text:enabled:hover {
background: rgba(159, 168, 218, 0.04);
color: #9FA8DA;
border-color: transparent;
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active {
background: rgba(159, 168, 218, 0.16);
color: #9FA8DA;
border-color: transparent;
@@ -1854,11 +1789,11 @@
.p-button.p-button-text.p-button-plain {
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:hover, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:active, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1867,6 +1802,9 @@
outline-offset: 0;
box-shadow: none;
}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1919,20 +1857,11 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
+.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
- margin-right: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
- margin-top: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
- margin-bottom: 0.5rem;
-}
.p-button.p-button-loading-label-only .p-button-loading-icon {
- margin: 0;
+ margin-right: 0;
}
.p-fluid .p-button {
@@ -1948,295 +1877,295 @@
flex: 1;
}
-.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 {
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #121212;
background: #F48FB1;
border: 0 none;
}
-.p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary:enabled:hover, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: rgba(244, 143, 177, 0.92);
color: #121212;
border-color: transparent;
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: rgba(244, 143, 177, 0.68);
color: #121212;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #F48FB1;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(244, 143, 177, 0.04);
color: #F48FB1;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(244, 143, 177, 0.16);
color: #F48FB1;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #F48FB1;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-text:enabled:hover, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(244, 143, 177, 0.04);
border-color: transparent;
color: #F48FB1;
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(244, 143, 177, 0.16);
border-color: transparent;
color: #F48FB1;
}
-.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #212121;
background: #90CAF9;
border: 0 none;
}
-.p-button.p-button-info:enabled:hover, .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info:enabled:hover, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: rgba(144, 202, 249, 0.92);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: rgba(144, 202, 249, 0.68);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #90CAF9;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-info.p-button-outlined:enabled:hover, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(144, 202, 249, 0.04);
color: #90CAF9;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(144, 202, 249, 0.16);
color: #90CAF9;
- border: 0 none;
+ border: 0px 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 {
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #90CAF9;
border-color: transparent;
}
-.p-button.p-button-info.p-button-text:enabled:hover, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(144, 202, 249, 0.04);
border-color: transparent;
color: #90CAF9;
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(144, 202, 249, 0.16);
border-color: transparent;
color: #90CAF9;
}
-.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #212121;
background: #C5E1A5;
border: 0 none;
}
-.p-button.p-button-success:enabled:hover, .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success:enabled:hover, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: rgba(197, 225, 165, 0.92);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: rgba(197, 225, 165, 0.68);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #C5E1A5;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-success.p-button-outlined:enabled:hover, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(197, 225, 165, 0.04);
color: #C5E1A5;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(197, 225, 165, 0.16);
color: #C5E1A5;
- border: 0 none;
+ border: 0px 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 {
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #C5E1A5;
border-color: transparent;
}
-.p-button.p-button-success.p-button-text:enabled:hover, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(197, 225, 165, 0.04);
border-color: transparent;
color: #C5E1A5;
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(197, 225, 165, 0.16);
border-color: transparent;
color: #C5E1A5;
}
-.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212121;
background: #FFF59D;
border: 0 none;
}
-.p-button.p-button-warning:enabled:hover, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning:enabled:hover, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: rgba(255, 245, 157, 0.92);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: rgba(255, 245, 157, 0.68);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #FFF59D;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(255, 245, 157, 0.04);
color: #FFF59D;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(255, 245, 157, 0.16);
color: #FFF59D;
- border: 0 none;
+ border: 0px 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 {
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #FFF59D;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-text:enabled:hover, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(255, 245, 157, 0.04);
border-color: transparent;
color: #FFF59D;
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(255, 245, 157, 0.16);
border-color: transparent;
color: #FFF59D;
}
-.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #212121;
background: #CE93D8;
border: 0 none;
}
-.p-button.p-button-help:enabled:hover, .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help:enabled:hover, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: rgba(206, 147, 216, 0.92);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: rgba(206, 147, 216, 0.68);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #CE93D8;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-help.p-button-outlined:enabled:hover, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(206, 147, 216, 0.04);
color: #CE93D8;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(206, 147, 216, 0.16);
color: #CE93D8;
- border: 0 none;
+ border: 0px 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 {
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #CE93D8;
border-color: transparent;
}
-.p-button.p-button-help.p-button-text:enabled:hover, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(206, 147, 216, 0.04);
border-color: transparent;
color: #CE93D8;
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(206, 147, 216, 0.16);
border-color: transparent;
color: #CE93D8;
}
-.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #212121;
background: #EF9A9A;
border: 0 none;
}
-.p-button.p-button-danger:enabled:hover, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger:enabled:hover, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: rgba(239, 154, 154, 0.92);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: rgba(239, 154, 154, 0.68);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #EF9A9A;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(239, 154, 154, 0.04);
color: #EF9A9A;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(239, 154, 154, 0.16);
color: #EF9A9A;
- border: 0 none;
+ border: 0px 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 {
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #EF9A9A;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-text:enabled:hover, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(239, 154, 154, 0.04);
border-color: transparent;
color: #EF9A9A;
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(239, 154, 154, 0.16);
border-color: transparent;
color: #EF9A9A;
@@ -2247,32 +2176,96 @@
background: transparent;
border: transparent;
}
-.p-button.p-button-link:enabled:hover, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-link:enabled:hover {
background: transparent;
color: #9FA8DA;
border-color: transparent;
}
-.p-button.p-button-link:enabled:hover .p-button-label, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
+.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
-.p-button.p-button-link:enabled:focus, .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: none;
border-color: transparent;
}
-.p-button.p-button-link:enabled:active, .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-link:enabled:active {
background: transparent;
color: #9FA8DA;
border-color: transparent;
}
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 2rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: #F48FB1;
+ color: #212121;
+}
+.p-speeddial-action:hover {
+ background: rgba(244, 143, 177, 0.92);
+ color: #212121;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.32);
+}
+
.p-splitbutton {
border-radius: 4px;
}
.p-splitbutton.p-button-outlined > .p-button {
background-color: transparent;
color: #9FA8DA;
- border: 0 none;
+ border: 0px none;
}
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(159, 168, 218, 0.04);
@@ -2347,7 +2340,7 @@
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
background-color: transparent;
color: #F48FB1;
- border: 0 none;
+ border: 0px none;
}
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(244, 143, 177, 0.04);
@@ -2376,7 +2369,7 @@
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
background-color: transparent;
color: #90CAF9;
- border: 0 none;
+ border: 0px none;
}
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(144, 202, 249, 0.04);
@@ -2405,7 +2398,7 @@
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
background-color: transparent;
color: #C5E1A5;
- border: 0 none;
+ border: 0px none;
}
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(197, 225, 165, 0.04);
@@ -2434,7 +2427,7 @@
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
background-color: transparent;
color: #FFF59D;
- border: 0 none;
+ border: 0px none;
}
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(255, 245, 157, 0.04);
@@ -2463,7 +2456,7 @@
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
background-color: transparent;
color: #CE93D8;
- border: 0 none;
+ border: 0px none;
}
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(206, 147, 216, 0.04);
@@ -2492,7 +2485,7 @@
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
background-color: transparent;
color: #EF9A9A;
- border: 0 none;
+ border: 0px none;
}
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(239, 154, 154, 0.04);
@@ -2518,70 +2511,6 @@
color: #EF9A9A;
}
-.p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
-}
-.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 2rem;
-}
-
-.p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #F48FB1;
- color: #212121;
-}
-.p-speeddial-action:hover {
- background: rgba(244, 143, 177, 0.92);
- color: #212121;
-}
-
-.p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
-}
-
-.p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
-}
-
-.p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
-}
-
-.p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
-}
-
-.p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
-}
-.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
-}
-
-.p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.32);
-}
-
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2.5rem;
@@ -2664,7 +2593,7 @@
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
- border: 1px solid 3404040;
+ border: 1px solid #404040;
border-width: 0 0 1px 0;
font-weight: 500;
color: rgba(255, 255, 255, 0.87);
@@ -2683,11 +2612,11 @@
background: rgba(159, 168, 218, 0.16);
margin-left: 0.5rem;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.6);
}
.p-datatable .p-sortable-column.p-highlight {
@@ -2697,11 +2626,11 @@
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column.p-highlight:hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-datatable .p-sortable-column:focus {
@@ -2753,9 +2682,9 @@
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 500;
}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
- background: rgba(159, 168, 218, 0.16);
- color: #9FA8DA;
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid transparent;
+ outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: rgba(159, 168, 218, 0.16);
@@ -2767,23 +2696,7 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 rgba(159, 168, 218, 0.16);
}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
- outline: 0.15rem solid transparent;
- 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: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
- outline: 0.15rem solid transparent;
- outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
@@ -2823,22 +2736,31 @@
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #222222;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: rgba(159, 168, 218, 0.16);
color: #9FA8DA;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #9FA8DA;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #9FA8DA;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
- background: #222222;
-}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
@@ -2870,10 +2792,6 @@
padding: 1.25rem 1.25rem;
}
-.p-datatable-drag-selection-helper {
- background: rgba(159, 168, 218, 0.16);
-}
-
.p-dataview .p-paginator-top {
border-width: 0 0 1px 0;
border-radius: 0;
@@ -2910,46 +2828,6 @@
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
-.p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
-}
-
-.p-datascroller .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-datascroller-header {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid rgba(255, 255, 255, 0.12);
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 500;
-}
-.p-datascroller .p-datascroller-content {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- padding: 1rem 0;
-}
-.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
- border: solid rgba(255, 255, 255, 0.12);
- border-width: 0 0 1px 0;
-}
-.p-datascroller .p-datascroller-footer {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #404040;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 500;
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px;
-}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
@@ -3375,19 +3253,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-orderlist .p-orderlist-filter-container {
- padding: 1rem;
- background: #1e1e1e;
- border: 1px solid rgba(255, 255, 255, 0.12);
- border-bottom: 0 none;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 2rem;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 1rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-orderlist .p-orderlist-list {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
@@ -3424,22 +3289,6 @@
background: rgba(255, 255, 255, 0.04);
}
-@media screen and (max-width: 769px) {
- .p-orderlist {
- flex-direction: column;
- }
- .p-orderlist .p-orderlist-controls {
- padding: 1rem;
- flex-direction: row;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-controls .p-button:last-child {
- margin-right: 0;
- }
-}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
@@ -3518,6 +3367,7 @@
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
+ margin-right: 0.5rem;
height: 3rem;
}
.p-paginator .p-dropdown .p-dropdown-label {
@@ -3576,19 +3426,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-picklist .p-picklist-filter-container {
- padding: 1rem;
- background: #1e1e1e;
- border: 1px solid rgba(255, 255, 255, 0.12);
- border-bottom: 0 none;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 2rem;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 1rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-picklist .p-picklist-list {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
@@ -3618,35 +3455,38 @@
color: #9FA8DA;
background: rgba(159, 168, 218, 0.16);
}
-
-@media screen and (max-width: 769px) {
- .p-picklist {
- flex-direction: column;
- }
- .p-picklist .p-picklist-buttons {
- padding: 1rem;
- flex-direction: row;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-buttons .p-button:last-child {
- margin-right: 0;
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
- content: "\e930";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
- content: "\e92c";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
- content: "\e933";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
- content: "\e92f";
- }
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: rgba(255, 255, 255, 0.02);
}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 0 none;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #bdbdbd;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #bdbdbd;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
.p-tree {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
@@ -3713,10 +3553,6 @@
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
-}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
@@ -3734,12 +3570,6 @@
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
-.p-tree .p-treenode-droppoint {
- height: 0.5rem;
-}
-.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
- background: rgba(105, 119, 197, 0.16);
-}
.p-treetable .p-paginator-top {
border-width: 0 0 1px 0;
@@ -3778,7 +3608,7 @@
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 1rem 1rem;
- border: 1px solid 3404040;
+ border: 1px solid #404040;
border-width: 0 0 1px 0;
font-weight: 500;
color: rgba(255, 255, 255, 0.87);
@@ -3865,11 +3695,11 @@
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: #9FA8DA;
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: rgba(255, 255, 255, 0.87);
}
.p-treetable .p-column-resizer-helper {
@@ -3934,31 +3764,6 @@
padding: 1.25rem 1.25rem;
}
-.p-timeline .p-timeline-event-marker {
- border: 0 none;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #bdbdbd;
-}
-.p-timeline .p-timeline-event-connector {
- background-color: #bdbdbd;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
-}
-
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1.5rem;
border: 0 none;
@@ -3974,7 +3779,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: none;
+ box-shadow: inset none;
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: rgba(255, 255, 255, 0.04);
@@ -4028,7 +3833,7 @@
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
-.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-content {
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
@@ -4091,6 +3896,9 @@
outline-offset: 0;
box-shadow: none;
}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: rgba(255, 255, 255, 0.04);
border-color: rgba(255, 255, 255, 0.12);
@@ -4174,6 +3982,17 @@
border-top: 0 none;
}
+.p-scrollpanel .p-scrollpanel-bar {
+ background: rgba(255, 255, 255, 0.12);
+ border: 0 none;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+
.p-splitter {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
@@ -4186,16 +4005,17 @@
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: rgba(255, 255, 255, 0.12);
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
}
.p-splitter .p-splitter-gutter-resizing {
background: rgba(255, 255, 255, 0.12);
}
-.p-scrollpanel .p-scrollpanel-bar {
- background: rgba(255, 255, 255, 0.12);
- border: 0 none;
-}
-
.p-tabview .p-tabview-nav {
background: transparent;
border: solid rgba(255, 255, 255, 0.12);
@@ -4232,9 +4052,6 @@
border-color: rgba(255, 255, 255, 0.12);
color: #9FA8DA;
}
-.p-tabview .p-tabview-close {
- margin-left: 0.5rem;
-}
.p-tabview .p-tabview-nav-btn.p-link {
background: transparent;
color: #9FA8DA;
@@ -4487,9 +4304,12 @@
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
+ gap: 0.5rem;
}
-.p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
}
.p-fileupload .p-fileupload-content {
background: #1e1e1e;
@@ -4499,6 +4319,22 @@
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 4px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
.p-fileupload .p-progressbar {
height: 4px;
}
@@ -4509,35 +4345,46 @@
margin-top: 0;
}
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: rgba(159, 168, 218, 0.92);
+ color: #121212;
+ border-color: transparent;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: rgba(159, 168, 218, 0.68);
+ color: #121212;
+ border-color: transparent;
+}
+
.p-breadcrumb {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 4px;
padding: 1rem;
}
-.p-breadcrumb ul li .p-menuitem-link {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: none;
border-radius: 4px;
}
-.p-breadcrumb ul li .p-menuitem-link:focus {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
-.p-breadcrumb ul li:last-child .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
@@ -4550,39 +4397,8 @@
border-radius: 4px;
width: 12.5rem;
}
-.p-contextmenu .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .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 {
- 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-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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-link:focus {
+.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
}
.p-contextmenu .p-submenu-list {
padding: 0.5rem 0;
@@ -4591,16 +4407,59 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.04);
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: none;
+ border-radius: 0;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 1rem 1rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .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-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.6);
}
-.p-contextmenu .p-menu-separator {
+.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.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.04);
+}
+.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:not(.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: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: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: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-menuitem-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
margin: 0.5rem 0;
}
@@ -4608,78 +4467,71 @@
font-size: 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-action {
+.p-dock .p-dock-item.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-dock .p-dock-link {
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 {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
- .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list {
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
- .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container {
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
- .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
- .p-dock.p-dock-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 {
+ .p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
@@ -4691,90 +4543,60 @@
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;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 4px;
- transition: none;
- user-select: none;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .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 {
- 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 {
- 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.04);
-}
-.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.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 {
+.p-megamenu .p-megamenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
}
-.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(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 {
- 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 {
- 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 > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
+ transition: none;
border-radius: 0;
- transition: none;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 1rem 1rem;
user-select: none;
}
-.p-megamenu .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-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-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);
}
-.p-megamenu .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-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-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-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.04);
}
-.p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
+.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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: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: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-megamenu-panel {
background: #2b2b2b;
@@ -4782,7 +4604,7 @@
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 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);
@@ -4791,27 +4613,48 @@
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(255, 255, 255, 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;
}
+.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-menu {
padding: 0.5rem 0;
@@ -4821,39 +4664,57 @@
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 {
+ 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: rgba(255, 255, 255, 0.12);
+}
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ 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;
@@ -4869,7 +4730,7 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
}
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
margin: 0.5rem 0;
}
@@ -4881,89 +4742,89 @@
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 4px;
}
-.p-menubar .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-menubar .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 {
- color: rgba(255, 255, 255, 0.6);
-}
-.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 {
- 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 {
- color: rgba(255, 255, 255, 0.6);
-}
-.p-menubar .p-menuitem-link:focus {
+.p-menubar .p-menubar-root-list {
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-menubar-root-list > .p-menuitem > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- border-radius: 4px;
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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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: none;
+ border-radius: 0;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 1rem 1rem;
+ user-select: none;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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-menuitem > .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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-.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 {
+.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-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.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-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.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-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.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.04);
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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-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 {
@@ -4973,22 +4834,13 @@
box-shadow: 0 2px 4px -1px rgba(0, 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(255, 255, 255, 0.12);
margin: 0.5rem 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
font-size: 0.875rem;
}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- 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-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);
-}
@media screen and (max-width: 960px) {
.p-menubar {
@@ -5020,56 +4872,22 @@
box-shadow: 0 2px 4px -1px rgba(0, 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: 100%;
}
- .p-menubar .p-menubar-root-list .p-menu-separator {
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
margin: 0.5rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
- .p-menubar .p-menubar-root-list > .p-menuitem {
+ .p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .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 {
- 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 {
- 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:not(.p-disabled):hover .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 {
- 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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5082,26 +4900,26 @@
transition: transform 0.2s;
transform: rotate(90deg);
}
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3rem;
}
- .p-menubar .p-menubar-root-list ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 5rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 7rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 9rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 11rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5112,42 +4930,45 @@
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-action {
+ padding: 1.5rem;
+ font-weight: 400;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a:focus {
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .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);
@@ -5163,66 +4984,91 @@
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 {
+ 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 {
+.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: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:not(.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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-.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(255, 255, 255, 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;
}
@@ -5231,80 +5077,6 @@
border-bottom-left-radius: 4px;
}
-.p-slidemenu {
- padding: 0.5rem 0;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid rgba(255, 255, 255, 0.12);
- border-radius: 4px;
- width: 12.5rem;
-}
-.p-slidemenu .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .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 {
- 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:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-.p-slidemenu.p-slidemenu-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-slidemenu .p-slidemenu-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-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
- background: rgba(255, 255, 255, 0.04);
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.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: rgba(255, 255, 255, 0.6);
-}
-.p-slidemenu .p-slidemenu-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- margin: 0.5rem 0;
-}
-.p-slidemenu .p-slidemenu-icon {
- font-size: 0.875rem;
-}
-.p-slidemenu .p-slidemenu-backward {
- padding: 1rem 1rem;
- color: rgba(255, 255, 255, 0.87);
-}
-
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: none;
@@ -5370,7 +5142,6 @@
border-top-left-radius: 4px;
transition: none;
margin: 0 0 -1px 0;
- height: calc(100% + 1px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
@@ -5399,61 +5170,73 @@
border-radius: 4px;
width: 12.5rem;
}
-.p-tieredmenu .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .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 {
- 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 {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.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-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.04);
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: none;
+ border-radius: 0;
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 1rem 1rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .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 .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.6);
}
-.p-tieredmenu .p-menu-separator {
+.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.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.04);
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ 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: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: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-menuitem-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
margin: 0.5rem 0;
}
@@ -5765,9 +5548,6 @@
background: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.87);
}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- transition: none;
-}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
@@ -5841,6 +5621,48 @@
border: 2px solid #1e1e1e;
}
+.p-badge {
+ background: #9FA8DA;
+ color: #121212;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #F48FB1;
+ color: #121212;
+}
+.p-badge.p-badge-success {
+ background-color: #C5E1A5;
+ color: #212121;
+}
+.p-badge.p-badge-info {
+ background-color: #90CAF9;
+ color: #212121;
+}
+.p-badge.p-badge-warning {
+ background-color: #FFF59D;
+ color: #212121;
+}
+.p-badge.p-badge-danger {
+ background-color: #EF9A9A;
+ color: #212121;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
.p-chip {
background-color: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87);
@@ -5862,9 +5684,9 @@
margin-right: 0.5rem;
}
.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
border-radius: 4px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-left: 0.5rem;
}
.p-chip .p-chip-remove-icon:focus {
outline: 0 none;
@@ -5872,6 +5694,37 @@
box-shadow: none;
}
+.p-inplace .p-inplace-display {
+ padding: 1rem 1rem;
+ border-radius: 4px;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 4px;
+ background: rgba(159, 168, 218, 0.32);
+ border-radius: 4px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #9FA8DA;
+}
+.p-progressbar .p-progressbar-label {
+ color: #121212;
+ line-height: 4px;
+}
+
.p-scrolltop {
width: 3rem;
height: 3rem;
@@ -5927,37 +5780,6 @@
font-size: 0.75rem;
}
-.p-inplace .p-inplace-display {
- padding: 1rem 1rem;
- border-radius: 4px;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
-}
-.p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-
-.p-progressbar {
- border: 0 none;
- height: 4px;
- background: rgba(159, 168, 218, 0.32);
- border-radius: 4px;
-}
-.p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #9FA8DA;
-}
-.p-progressbar .p-progressbar-label {
- color: #121212;
- line-height: 4px;
-}
-
.p-terminal {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
@@ -5969,73 +5791,6 @@
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
}
-.p-badge {
- background: #9FA8DA;
- color: #121212;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
-}
-.p-badge.p-badge-secondary {
- background-color: #F48FB1;
- color: #121212;
-}
-.p-badge.p-badge-success {
- background-color: #C5E1A5;
- color: #212121;
-}
-.p-badge.p-badge-info {
- background-color: #90CAF9;
- color: #212121;
-}
-.p-badge.p-badge-warning {
- background-color: #FFF59D;
- color: #212121;
-}
-.p-badge.p-badge-danger {
- background-color: #EF9A9A;
- color: #212121;
-}
-.p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
-}
-.p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
-}
-
-.p-tag {
- background: #9FA8DA;
- color: #121212;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 4px;
-}
-.p-tag.p-tag-success {
- background-color: #C5E1A5;
- color: #212121;
-}
-.p-tag.p-tag-info {
- background-color: #90CAF9;
- color: #212121;
-}
-.p-tag.p-tag-warning {
- background-color: #FFF59D;
- color: #212121;
-}
-.p-tag.p-tag-danger {
- background-color: #EF9A9A;
- color: #212121;
-}
-
.p-accordion .p-accordion-tab {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;
@@ -6168,19 +5923,19 @@
.p-button.p-button-icon-only {
min-width: auto;
}
-.p-button:enabled:focus, .p-button:not(button):not(a):not(.p-disabled):focus {
+.p-button:enabled:focus {
background: rgba(159, 168, 218, 0.76);
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: rgba(159, 168, 218, 0.68);
}
.p-button .p-ink {
background-color: rgba(255, 255, 255, 0.32);
}
-.p-button.p-button-text:enabled:focus, .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-outlined:enabled:focus, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus {
background: rgba(159, 168, 218, 0.12);
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active {
background: rgba(159, 168, 218, 0.16);
}
.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink {
@@ -6209,103 +5964,103 @@
color: rgba(255, 255, 255, 0.38) !important;
border-color: rgba(255, 255, 255, 0.38) !important;
}
-.p-button.p-button-raised:enabled:focus, .p-button.p-button-raised:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-raised:enabled:focus {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
background: rgba(244, 143, 177, 0.76);
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: rgba(244, 143, 177, 0.68);
}
-.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:focus, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus {
background: rgba(244, 143, 177, 0.12);
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(244, 143, 177, 0.16);
}
-.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-secondary.p-button-text .p-ink, .p-fileupload-choose.p-button-secondary.p-button-outlined .p-ink {
+.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink {
background-color: rgba(244, 143, 177, 0.16);
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
background: rgba(144, 202, 249, 0.76);
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: rgba(144, 202, 249, 0.68);
}
-.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info.p-button-text:enabled:focus, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus {
background: rgba(144, 202, 249, 0.12);
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(144, 202, 249, 0.16);
}
-.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-info.p-button-text .p-ink, .p-fileupload-choose.p-button-info.p-button-outlined .p-ink {
+.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink {
background-color: rgba(144, 202, 249, 0.16);
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
background: rgba(197, 225, 165, 0.76);
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: rgba(197, 225, 165, 0.68);
}
-.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success.p-button-text:enabled:focus, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus {
background: rgba(197, 225, 165, 0.12);
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(197, 225, 165, 0.16);
}
-.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-success.p-button-text .p-ink, .p-fileupload-choose.p-button-success.p-button-outlined .p-ink {
+.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink {
background-color: rgba(197, 225, 165, 0.16);
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
background: rgba(255, 245, 157, 0.76);
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: rgba(255, 245, 157, 0.68);
}
-.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning.p-button-text:enabled:focus, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus {
background: rgba(255, 245, 157, 0.12);
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(255, 245, 157, 0.16);
}
-.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-warning.p-button-text .p-ink, .p-fileupload-choose.p-button-warning.p-button-outlined .p-ink {
+.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink {
background-color: rgba(255, 245, 157, 0.16);
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
background: rgba(206, 147, 216, 0.76);
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: rgba(206, 147, 216, 0.68);
}
-.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help.p-button-text:enabled:focus, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus {
background: rgba(206, 147, 216, 0.12);
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(206, 147, 216, 0.16);
}
-.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-help.p-button-text .p-ink, .p-fileupload-choose.p-button-help.p-button-outlined .p-ink {
+.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink {
background-color: rgba(206, 147, 216, 0.16);
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
background: rgba(239, 154, 154, 0.76);
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: rgba(239, 154, 154, 0.68);
}
-.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger.p-button-text:enabled:focus, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus {
background: rgba(239, 154, 154, 0.12);
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(239, 154, 154, 0.16);
}
-.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-danger.p-button-text .p-ink, .p-fileupload-choose.p-button-danger.p-button-outlined .p-ink {
+.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink {
background-color: rgba(239, 154, 154, 0.16);
}
@@ -6339,13 +6094,19 @@
.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled {
background-color: transparent !important;
}
-.p-calendar-w-btn:not(.p-disabled):hover {
+.p-calendar-w-btn:not(.p-calendar-disabled):hover {
border-color: rgba(255, 255, 255, 0.6);
}
-.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+.p-calendar-w-btn:not(.p-calendar-disabled).p-inputwrapper-focus {
border-color: #9FA8DA;
box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
}
+.p-calendar-w-btn.p-calendar-disabled {
+ opacity: 0.38;
+}
+.p-calendar-w-btn.p-calendar-disabled .p-inputtext {
+ opacity: 1;
+}
.p-datepicker .p-datepicker-header {
border-bottom: 0 none;
@@ -6400,18 +6161,18 @@
background-image: none;
background: transparent;
}
-.p-input-filled .p-calendar-w-btn:not(.p-disabled):hover {
+.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
-.p-input-filled .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
-.p-input-filled .p-calendar-w-btn .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:focus {
+.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
@@ -6441,9 +6202,7 @@
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
-.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,
-.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext {
border: 0 none;
background-image: none;
}
@@ -6501,6 +6260,7 @@
background-image: none;
background: transparent;
}
+
.p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label {
padding-top: 1.5rem;
padding-bottom: 0.5rem;
@@ -6657,6 +6417,13 @@
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
+.p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.12);
+}
+
.p-datatable .p-sortable-column {
outline: 0 none;
}
@@ -6853,9 +6620,7 @@
}
.p-input-filled .p-inputgroup-addon:first-child,
.p-input-filled .p-inputgroup button:first-child,
-.p-input-filled .p-inputgroup input:first-child,
-.p-input-filled .p-inputgroup > .p-inputwrapper:first-child,
-.p-input-filled .p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
+.p-input-filled .p-inputgroup input:first-child {
border-bottom-left-radius: 0;
}
.p-input-filled .p-inputgroup .p-float-label:first-child input {
@@ -6863,9 +6628,7 @@
}
.p-input-filled .p-inputgroup-addon:last-child,
.p-input-filled .p-inputgroup button:last-child,
-.p-input-filled .p-inputgroup input:last-child,
-.p-input-filled .p-inputgroup > .p-inputwrapper:last-child,
-.p-input-filled .p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
+.p-input-filled .p-inputgroup input:last-child {
border-bottom-right-radius: 0;
}
.p-input-filled .p-inputgroup .p-float-label:last-child input {
@@ -6896,13 +6659,13 @@
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before {
box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04);
}
-.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
+.p-inputswitch.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
}
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before {
box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
}
-.p-inputswitch.p-inputswitch-checked.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
+.p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
}
@@ -6960,15 +6723,24 @@
background: rgba(159, 168, 218, 0.24);
}
-.p-megamenu .p-menuitem .p-menuitem-link:focus {
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
background: rgba(255, 255, 255, 0.12);
}
-.p-menu .p-menuitem .p-menuitem-link:focus {
+.p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
background: rgba(255, 255, 255, 0.12);
}
-.p-menubar .p-menuitem .p-menuitem-link:focus {
+.p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
background: rgba(255, 255, 255, 0.12);
}
@@ -6992,7 +6764,7 @@
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus.p-highlight {
background: rgba(159, 168, 218, 0.24);
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+.p-multiselect-panel .p-multiselect-close:focus {
background: rgba(255, 255, 255, 0.12);
}
@@ -7069,10 +6841,6 @@
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
-.p-overlaypanel .p-overlaypanel-content {
- padding: 1.5rem;
-}
-
.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
background: rgba(255, 255, 255, 0.12);
}
@@ -7080,6 +6848,10 @@
background: rgba(159, 168, 218, 0.24);
}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 1.5rem;
+}
+
.p-paginator {
justify-content: flex-end;
}
@@ -7126,6 +6898,26 @@
background: rgba(255, 255, 255, 0.12);
}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
+ order: 1;
+ margin-left: auto;
+ margin-right: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-disabled {
+ opacity: 1;
+}
+.p-panelmenu .p-panelmenu-header.p-disabled .p-panelmenu-header-content > * {
+ opacity: 0.38;
+}
+.p-panelmenu .p-panelmenu-header:focus .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-header.p-highlight:focus .p-panelmenu-header-content {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.12);
+}
.p-panelmenu .p-panelmenu-panel {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;
@@ -7141,23 +6933,6 @@
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
-.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon {
- order: 1;
- margin-left: auto;
- margin-right: 0;
-}
-.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled {
- opacity: 1;
-}
-.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * {
- opacity: 0.38;
-}
-.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus {
- background: rgba(255, 255, 255, 0.04);
-}
-.p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus {
- background: rgba(255, 255, 255, 0.12);
-}
.p-picklist .p-picklist-list .p-picklist-item:focus {
background: rgba(255, 255, 255, 0.12);
@@ -7169,10 +6944,32 @@
.p-progressbar {
border-radius: 0;
}
-.p-progressbar .p-progressbar-label {
+.p-progressbar.p-progressbar-determinate .p-progressbar-label {
display: none;
}
+.p-rating {
+ gap: 0;
+}
+.p-rating .p-rating-item {
+ border-radius: 50%;
+ width: 2rem;
+ height: 2rem;
+ justify-content: center;
+}
+.p-rating .p-rating-item.p-focus {
+ background: rgba(159, 168, 218, 0.12);
+}
+.p-rating .p-rating-item.p-focus.p-rating-cancel-item {
+ background: rgba(244, 68, 53, 0.12);
+}
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover {
+ background-color: rgba(0, 0, 0, 0.04);
+}
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item {
+ background: rgba(244, 68, 53, 0.04);
+}
+
.p-radiobutton {
border-radius: 50%;
transition: box-shadow 0.2s;
@@ -7206,26 +7003,8 @@
background-color: #1e1e1e;
}
-.p-rating {
- gap: 0;
-}
-.p-rating .p-rating-item {
- border-radius: 50%;
- width: 2rem;
- height: 2rem;
- justify-content: center;
-}
-.p-rating .p-rating-item:focus {
- background: rgba(159, 168, 218, 0.12);
-}
-.p-rating .p-rating-item:focus.p-rating-cancel-item {
- background: rgba(244, 68, 53, 0.12);
-}
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover {
- background-color: rgba(0, 0, 0, 0.04);
-}
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item {
- background: rgba(244, 68, 53, 0.04);
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ box-shadow: 0 0 1px 4px rgba(244, 143, 177, 0.2);
}
.p-selectbutton .p-button:focus {
@@ -7237,10 +7016,6 @@
border-color: rgba(255, 255, 255, 0.12);
}
-.p-slidemenu .p-menuitem-link:focus {
- background: rgba(255, 255, 255, 0.12);
-}
-
.p-slider .p-slider-handle {
transition: transform 0.2s, box-shadow 0.2s;
transform: scale(0.7);
@@ -7326,6 +7101,17 @@
background: rgba(239, 154, 154, 0.16);
}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ transition: transform 0.2s, box-shadow 0.2s;
+ transform: scale(0.7);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ box-shadow: 0 0 1px 6px rgba(244, 143, 177, 0.2);
+}
+.p-splitter .p-splitter-gutter.p-splitter-gutter-resizing .p-splitter-gutter-handle {
+ transform: scale(1);
+}
+
.p-steps {
padding: 1rem 0;
}
@@ -7402,7 +7188,10 @@
transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
}
-.p-tieredmenu .p-menuitem-link:focus {
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
background: rgba(255, 255, 255, 0.12);
}
diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css
index 773a63a..69f1741 100644
--- a/public/themes/md-light-deeppurple/theme.css
+++ b/public/themes/md-light-deeppurple/theme.css
@@ -40,8 +40,8 @@
--surface-overlay:#ffffff;
--surface-border:rgba(0,0,0,.12);
--surface-hover:rgba(0,0,0,.04);
- --maskbg: rgba(0, 0, 0, 0.32);
--focus-ring: none;
+ --maskbg: rgba(0, 0, 0, 0.32);
color-scheme: light;
}
@@ -265,18 +265,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 4rem;
}
-.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.5rem 1rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: rgba(0, 0, 0, 0.87);
}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #673AB7;
}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.5rem 1rem;
+ gap: 0.5rem;
+}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.5rem 0;
}
@@ -289,14 +290,17 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.5rem 1rem;
- margin-right: 0.5rem;
- background: rgba(103, 58, 183, 0.12);
- color: #673AB7;
- border-radius: 4px;
+ background: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: rgba(0, 0, 0, 0.24);
+ color: rgba(0, 0, 0, 0.87);
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #B00020;
}
@@ -320,14 +324,21 @@
transition: none;
border-radius: 0;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04);
-}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #673AB7;
background: rgba(103, 58, 183, 0.12);
}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: rgba(103, 58, 183, 0.24);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.12);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.04);
+}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 1rem;
@@ -518,10 +529,10 @@
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
+ border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
- border-left: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.04);
@@ -609,22 +620,24 @@
transition: none;
border-radius: 0;
}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 1rem 1rem;
-}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #673AB7;
background: rgba(103, 58, 183, 0.12);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: rgba(103, 58, 183, 0.24);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.12);
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.04);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 1rem 1rem;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@@ -661,11 +674,6 @@
border-color: #673AB7;
background: #673AB7;
}
-.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
- border-color: #673AB7;
- background: #673AB7;
- color: #ffffff;
-}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: rgba(0, 0, 0, 0.87);
}
@@ -697,24 +705,28 @@
background: #673AB7;
}
-.p-chips .p-chips-multiple-container {
- padding: 0.5rem 1rem;
-}
-.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: rgba(0, 0, 0, 0.87);
}
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #673AB7;
}
+.p-chips .p-chips-multiple-container {
+ padding: 0.5rem 1rem;
+}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.5rem 1rem;
margin-right: 0.5rem;
- background: rgba(103, 58, 183, 0.12);
- color: #673AB7;
- border-radius: 4px;
+ background: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: rgba(0, 0, 0, 0.24);
+ color: rgba(0, 0, 0, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@@ -776,7 +788,7 @@
.p-dropdown .p-dropdown-label.p-placeholder {
color: rgba(0, 0, 0, 0.6);
}
-.p-dropdown .p-dropdown-label:enabled:focus {
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
@@ -819,13 +831,6 @@
right: 1rem;
color: rgba(0, 0, 0, 0.6);
}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
- padding-right: 4rem;
- margin-right: -4rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
- right: 3rem;
-}
.p-dropdown-panel .p-dropdown-items {
padding: 0;
}
@@ -842,6 +847,13 @@
color: #673AB7;
background: rgba(103, 58, 183, 0.12);
}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: rgba(103, 58, 183, 0.24);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.12);
+}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.04);
@@ -1083,7 +1095,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: rgba(103, 58, 183, 0.5);
}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
+.p-inputswitch.p-invalid {
border-color: #B00020;
}
@@ -1125,13 +1137,11 @@
transition-duration: 0.2s;
}
-.p-float-label > label.p-error {
+.p-float-label > .p-invalid + label {
color: #B00020;
}
-.p-input-icon-left > i:first-of-type,
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > i:first-of-type {
left: 1rem;
color: rgba(0, 0, 0, 0.6);
}
@@ -1144,9 +1154,7 @@
left: 3rem;
}
-.p-input-icon-right > i:last-of-type,
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > i:last-of-type {
right: 1rem;
color: rgba(0, 0, 0, 0.6);
}
@@ -1196,6 +1204,7 @@
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e5e5e5;
border-radius: 4px;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-listbox .p-listbox-header {
padding: 1rem;
@@ -1215,6 +1224,7 @@
}
.p-listbox .p-listbox-list {
padding: 0;
+ outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
@@ -1228,11 +1238,6 @@
color: #673AB7;
background: rgba(103, 58, 183, 0.12);
}
-.p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 1rem;
@@ -1245,42 +1250,27 @@
color: rgba(0, 0, 0, 0.87);
background: transparent;
}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: rgba(103, 58, 183, 0.24);
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.12);
+}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.04);
}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #673AB7;
+}
.p-listbox.p-invalid {
border-color: #B00020;
}
-.p-mention-panel {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- border: 0 none;
- border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
-}
-.p-mention-panel .p-mention-items {
- padding: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item {
- margin: 0;
- padding: 1rem 1rem;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item:hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04);
-}
-.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.12);
-}
-
.p-multiselect {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.38);
@@ -1296,9 +1286,6 @@
box-shadow: none;
border-color: #673AB7;
}
-.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 2rem;
-}
.p-multiselect .p-multiselect-label {
padding: 1rem 1rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@@ -1309,9 +1296,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.5rem 1rem;
margin-right: 0.5rem;
- background: rgba(103, 58, 183, 0.12);
- color: #673AB7;
- border-radius: 4px;
+ background: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
@@ -1323,10 +1310,6 @@
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
-.p-multiselect .p-multiselect-clear-icon {
- color: rgba(0, 0, 0, 0.6);
- right: 2.357rem;
-}
.p-multiselect.p-invalid.p-component {
border-color: #B00020;
}
@@ -1334,12 +1317,6 @@
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.5rem 1rem;
}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
- padding: 1rem 1rem;
-}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 2rem;
-}
.p-multiselect-panel {
background: #ffffff;
@@ -1357,9 +1334,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
- margin: 0 0.5rem;
-}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 2rem;
}
@@ -1367,7 +1341,11 @@
right: 1rem;
color: rgba(0, 0, 0, 0.6);
}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
width: 2.5rem;
height: 2.5rem;
color: rgba(0, 0, 0, 0.6);
@@ -1402,15 +1380,17 @@
color: #673AB7;
background: rgba(103, 58, 183, 0.12);
}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: rgba(103, 58, 183, 0.24);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.12);
+}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.04);
}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
@@ -1462,15 +1442,7 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #689F38;
}
-.p-password-panel .p-password-info.weak {
- color: #D32F2F;
-}
-.p-password-panel .p-password-info.medium {
- color: #FBC02D;
-}
-.p-password-panel .p-password-info.strong {
- color: #689F38;
-}
+
.p-radiobutton {
width: 20px;
height: 20px;
@@ -1539,10 +1511,11 @@
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #B00020;
}
-.p-rating .p-rating-item:focus {
+.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
+ border-color: #673AB7;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #673AB7;
@@ -1686,50 +1659,6 @@
border-radius: 4px;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
-.p-treeselect-panel .p-treeselect-header {
- padding: 1rem;
- border-bottom: 1px solid rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
- margin-right: 0.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
- padding-right: 2rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 1rem;
- color: rgba(0, 0, 0, 0.6);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 4rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 3rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- 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: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
@@ -1759,6 +1688,12 @@
.p-togglebutton.p-button .p-button-icon-right {
color: rgba(0, 0, 0, 0.6);
}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #673AB7;
+}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: #f6f6f6;
border-color: rgba(0, 0, 0, 0.12);
@@ -1799,12 +1734,12 @@
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
border-radius: 4px;
}
-.p-button:enabled:hover, .p-button:not(button):not(a):not(.p-disabled):hover {
+.p-button:enabled:hover {
background: rgba(103, 58, 183, 0.92);
color: #ffffff;
border-color: transparent;
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: rgba(103, 58, 183, 0.68);
color: #ffffff;
border-color: transparent;
@@ -1814,12 +1749,12 @@
color: #673AB7;
border: 0 none;
}
-.p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined:enabled:hover {
background: rgba(103, 58, 183, 0.04);
color: #673AB7;
border: 0 none;
}
-.p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined:enabled:active {
background: rgba(103, 58, 183, 0.16);
color: #673AB7;
border: 0 none;
@@ -1828,11 +1763,11 @@
color: rgba(0, 0, 0, 0.6);
border-color: rgba(0, 0, 0, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:hover, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:active, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined.p-button-plain:enabled:active {
background: rgba(0, 0, 0, 0.16);
color: rgba(0, 0, 0, 0.6);
}
@@ -1841,12 +1776,12 @@
color: #673AB7;
border-color: transparent;
}
-.p-button.p-button-text:enabled:hover, .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text:enabled:hover {
background: rgba(103, 58, 183, 0.04);
color: #673AB7;
border-color: transparent;
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active {
background: rgba(103, 58, 183, 0.16);
color: #673AB7;
border-color: transparent;
@@ -1854,11 +1789,11 @@
.p-button.p-button-text.p-button-plain {
color: rgba(0, 0, 0, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:hover, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text.p-button-plain:enabled:hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:active, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text.p-button-plain:enabled:active {
background: rgba(0, 0, 0, 0.16);
color: rgba(0, 0, 0, 0.6);
}
@@ -1867,6 +1802,9 @@
outline-offset: 0;
box-shadow: none;
}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1919,20 +1857,11 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
+.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
- margin-right: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
- margin-top: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
- margin-bottom: 0.5rem;
-}
.p-button.p-button-loading-label-only .p-button-loading-icon {
- margin: 0;
+ margin-right: 0;
}
.p-fluid .p-button {
@@ -1948,295 +1877,295 @@
flex: 1;
}
-.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 {
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #4CAF50;
border: 0 none;
}
-.p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary:enabled:hover, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: rgba(76, 175, 80, 0.92);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: rgba(76, 175, 80, 0.68);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #4CAF50;
border: 0 none;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(76, 175, 80, 0.04);
color: #4CAF50;
border: 0 none;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(76, 175, 80, 0.16);
color: #4CAF50;
border: 0 none;
}
-.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #4CAF50;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-text:enabled:hover, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(76, 175, 80, 0.04);
border-color: transparent;
color: #4CAF50;
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(76, 175, 80, 0.16);
border-color: transparent;
color: #4CAF50;
}
-.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #2196F3;
border: 0 none;
}
-.p-button.p-button-info:enabled:hover, .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info:enabled:hover, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: rgba(33, 150, 243, 0.92);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: rgba(33, 150, 243, 0.68);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #2196F3;
border: 0 none;
}
-.p-button.p-button-info.p-button-outlined:enabled:hover, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(33, 150, 243, 0.04);
color: #2196F3;
border: 0 none;
}
-.p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(33, 150, 243, 0.16);
color: #2196F3;
border: 0 none;
}
-.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #2196F3;
border-color: transparent;
}
-.p-button.p-button-info.p-button-text:enabled:hover, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(33, 150, 243, 0.04);
border-color: transparent;
color: #2196F3;
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(33, 150, 243, 0.16);
border-color: transparent;
color: #2196F3;
}
-.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #689F38;
border: 0 none;
}
-.p-button.p-button-success:enabled:hover, .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success:enabled:hover, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: rgba(104, 159, 56, 0.92);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: rgba(104, 159, 56, 0.68);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #689F38;
border: 0 none;
}
-.p-button.p-button-success.p-button-outlined:enabled:hover, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(104, 159, 56, 0.04);
color: #689F38;
border: 0 none;
}
-.p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(104, 159, 56, 0.16);
color: #689F38;
border: 0 none;
}
-.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #689F38;
border-color: transparent;
}
-.p-button.p-button-success.p-button-text:enabled:hover, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(104, 159, 56, 0.04);
border-color: transparent;
color: #689F38;
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(104, 159, 56, 0.16);
border-color: transparent;
color: #689F38;
}
-.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529;
background: #FBC02D;
border: 0 none;
}
-.p-button.p-button-warning:enabled:hover, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning:enabled:hover, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: rgba(251, 192, 45, 0.92);
color: #212529;
border-color: transparent;
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: rgba(251, 192, 45, 0.68);
color: #212529;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #FBC02D;
border: 0 none;
}
-.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(251, 192, 45, 0.04);
color: #FBC02D;
border: 0 none;
}
-.p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(251, 192, 45, 0.16);
color: #FBC02D;
border: 0 none;
}
-.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #FBC02D;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-text:enabled:hover, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(251, 192, 45, 0.04);
border-color: transparent;
color: #FBC02D;
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(251, 192, 45, 0.16);
border-color: transparent;
color: #FBC02D;
}
-.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #9C27B0;
border: 0 none;
}
-.p-button.p-button-help:enabled:hover, .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help:enabled:hover, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: rgba(156, 39, 176, 0.92);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: rgba(156, 39, 176, 0.68);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #9C27B0;
border: 0 none;
}
-.p-button.p-button-help.p-button-outlined:enabled:hover, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(156, 39, 176, 0.04);
color: #9C27B0;
border: 0 none;
}
-.p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(156, 39, 176, 0.16);
color: #9C27B0;
border: 0 none;
}
-.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #9C27B0;
border-color: transparent;
}
-.p-button.p-button-help.p-button-text:enabled:hover, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(156, 39, 176, 0.04);
border-color: transparent;
color: #9C27B0;
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(156, 39, 176, 0.16);
border-color: transparent;
color: #9C27B0;
}
-.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #D32F2F;
border: 0 none;
}
-.p-button.p-button-danger:enabled:hover, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger:enabled:hover, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: rgba(211, 47, 47, 0.92);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: rgba(211, 47, 47, 0.68);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #D32F2F;
border: 0 none;
}
-.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(211, 47, 47, 0.04);
color: #D32F2F;
border: 0 none;
}
-.p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(211, 47, 47, 0.16);
color: #D32F2F;
border: 0 none;
}
-.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #D32F2F;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-text:enabled:hover, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(211, 47, 47, 0.04);
border-color: transparent;
color: #D32F2F;
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(211, 47, 47, 0.16);
border-color: transparent;
color: #D32F2F;
@@ -2247,25 +2176,89 @@
background: transparent;
border: transparent;
}
-.p-button.p-button-link:enabled:hover, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-link:enabled:hover {
background: transparent;
color: #673AB7;
border-color: transparent;
}
-.p-button.p-button-link:enabled:hover .p-button-label, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
+.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
-.p-button.p-button-link:enabled:focus, .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: none;
border-color: transparent;
}
-.p-button.p-button-link:enabled:active, .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-link:enabled:active {
background: transparent;
color: #673AB7;
border-color: transparent;
}
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 2rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: #4CAF50;
+ color: #fff;
+}
+.p-speeddial-action:hover {
+ background: rgba(76, 175, 80, 0.92);
+ color: #fff;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.32);
+}
+
.p-splitbutton {
border-radius: 4px;
}
@@ -2518,70 +2511,6 @@
color: #D32F2F;
}
-.p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
-}
-.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 2rem;
-}
-
-.p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #4CAF50;
- color: #fff;
-}
-.p-speeddial-action:hover {
- background: rgba(76, 175, 80, 0.92);
- color: #fff;
-}
-
-.p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
-}
-
-.p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
-}
-
-.p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
-}
-
-.p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
-}
-
-.p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
-}
-.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
-}
-
-.p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.32);
-}
-
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2.5rem;
@@ -2683,11 +2612,11 @@
background: rgba(103, 58, 183, 0.12);
margin-left: 0.5rem;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: rgba(0, 0, 0, 0.6);
}
.p-datatable .p-sortable-column.p-highlight {
@@ -2697,11 +2626,11 @@
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: rgba(0, 0, 0, 0.87);
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column.p-highlight:hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
color: rgba(0, 0, 0, 0.87);
}
.p-datatable .p-sortable-column:focus {
@@ -2753,9 +2682,9 @@
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 500;
}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
- background: rgba(103, 58, 183, 0.12);
- color: #673AB7;
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid transparent;
+ outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: rgba(103, 58, 183, 0.12);
@@ -2767,23 +2696,7 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 rgba(103, 58, 183, 0.12);
}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
- outline: 0.15rem solid transparent;
- 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: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87);
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
- outline: 0.15rem solid transparent;
- outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
}
@@ -2823,22 +2736,31 @@
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: rgba(0, 0, 0, 0.02);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: rgba(103, 58, 183, 0.12);
color: #673AB7;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #673AB7;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #673AB7;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
- background: rgba(0, 0, 0, 0.02);
-}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
@@ -2870,10 +2792,6 @@
padding: 1.25rem 1.25rem;
}
-.p-datatable-drag-selection-helper {
- background: rgba(103, 58, 183, 0.16);
-}
-
.p-dataview .p-paginator-top {
border-width: 0 0 1px 0;
border-radius: 0;
@@ -2910,46 +2828,6 @@
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
-.p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
-}
-
-.p-datascroller .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-datascroller-header {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- border: 1px solid #e4e4e4;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 500;
-}
-.p-datascroller .p-datascroller-content {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- border: 0 none;
- padding: 1rem 0;
-}
-.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
- border: solid rgba(0, 0, 0, 0.12);
- border-width: 0 0 1px 0;
-}
-.p-datascroller .p-datascroller-footer {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- border: 1px solid #e4e4e4;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 500;
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px;
-}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
@@ -3375,19 +3253,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-orderlist .p-orderlist-filter-container {
- padding: 1rem;
- background: #ffffff;
- border: 1px solid #e0e0e0;
- border-bottom: 0 none;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 2rem;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 1rem;
- color: rgba(0, 0, 0, 0.6);
-}
.p-orderlist .p-orderlist-list {
border: 1px solid #e0e0e0;
background: #ffffff;
@@ -3424,22 +3289,6 @@
background: rgba(0, 0, 0, 0.04);
}
-@media screen and (max-width: 769px) {
- .p-orderlist {
- flex-direction: column;
- }
- .p-orderlist .p-orderlist-controls {
- padding: 1rem;
- flex-direction: row;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-controls .p-button:last-child {
- margin-right: 0;
- }
-}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
@@ -3518,6 +3367,7 @@
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
+ margin-right: 0.5rem;
height: 3rem;
}
.p-paginator .p-dropdown .p-dropdown-label {
@@ -3576,19 +3426,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-picklist .p-picklist-filter-container {
- padding: 1rem;
- background: #ffffff;
- border: 1px solid #e0e0e0;
- border-bottom: 0 none;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 2rem;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 1rem;
- color: rgba(0, 0, 0, 0.6);
-}
.p-picklist .p-picklist-list {
border: 1px solid #e0e0e0;
background: #ffffff;
@@ -3618,35 +3455,38 @@
color: #673AB7;
background: rgba(103, 58, 183, 0.12);
}
-
-@media screen and (max-width: 769px) {
- .p-picklist {
- flex-direction: column;
- }
- .p-picklist .p-picklist-buttons {
- padding: 1rem;
- flex-direction: row;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-buttons .p-button:last-child {
- margin-right: 0;
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
- content: "\e930";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
- content: "\e92c";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
- content: "\e933";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
- content: "\e92f";
- }
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: rgba(0, 0, 0, 0.02);
}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 0 none;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #bdbdbd;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #bdbdbd;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
.p-tree {
border: 1px solid #e0e0e0;
background: #ffffff;
@@ -3713,10 +3553,6 @@
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
}
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87);
-}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
@@ -3734,12 +3570,6 @@
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
-.p-tree .p-treenode-droppoint {
- height: 0.5rem;
-}
-.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
- background: rgba(82, 46, 146, 0.12);
-}
.p-treetable .p-paginator-top {
border-width: 0 0 1px 0;
@@ -3865,11 +3695,11 @@
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: #673AB7;
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: rgba(0, 0, 0, 0.87);
}
.p-treetable .p-column-resizer-helper {
@@ -3934,31 +3764,6 @@
padding: 1.25rem 1.25rem;
}
-.p-timeline .p-timeline-event-marker {
- border: 0 none;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #bdbdbd;
-}
-.p-timeline .p-timeline-event-connector {
- background-color: #bdbdbd;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
-}
-
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1.5rem;
border: 0 none;
@@ -3974,7 +3779,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: none;
+ box-shadow: inset none;
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #f6f6f6;
@@ -4028,7 +3833,7 @@
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
-.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-content {
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
@@ -4091,6 +3896,9 @@
outline-offset: 0;
box-shadow: none;
}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: rgba(0, 0, 0, 0.87);
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: rgba(0, 0, 0, 0.04);
border-color: #e0e0e0;
@@ -4174,6 +3982,17 @@
border-top: 0 none;
}
+.p-scrollpanel .p-scrollpanel-bar {
+ background: rgba(0, 0, 0, 0.12);
+ border: 0 none;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+
.p-splitter {
border: 1px solid #e0e0e0;
background: #ffffff;
@@ -4186,16 +4005,17 @@
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: rgba(0, 0, 0, 0.12);
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
}
.p-splitter .p-splitter-gutter-resizing {
background: rgba(0, 0, 0, 0.12);
}
-.p-scrollpanel .p-scrollpanel-bar {
- background: rgba(0, 0, 0, 0.12);
- border: 0 none;
-}
-
.p-tabview .p-tabview-nav {
background: #ffffff;
border: solid rgba(0, 0, 0, 0.12);
@@ -4232,9 +4052,6 @@
border-color: rgba(0, 0, 0, 0.12);
color: #673AB7;
}
-.p-tabview .p-tabview-close {
- margin-left: 0.5rem;
-}
.p-tabview .p-tabview-nav-btn.p-link {
background: #ffffff;
color: #673AB7;
@@ -4487,9 +4304,12 @@
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
+ gap: 0.5rem;
}
-.p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
}
.p-fileupload .p-fileupload-content {
background: #ffffff;
@@ -4499,6 +4319,22 @@
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ border-radius: 4px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
.p-fileupload .p-progressbar {
height: 4px;
}
@@ -4509,35 +4345,46 @@
margin-top: 0;
}
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: rgba(103, 58, 183, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: rgba(103, 58, 183, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+
.p-breadcrumb {
background: #ffffff;
border: 1px solid #e5e5e5;
border-radius: 4px;
padding: 1rem;
}
-.p-breadcrumb ul li .p-menuitem-link {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: none;
border-radius: 4px;
}
-.p-breadcrumb ul li .p-menuitem-link:focus {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: rgba(0, 0, 0, 0.87);
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: rgba(0, 0, 0, 0.6);
}
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: rgba(0, 0, 0, 0.6);
}
-.p-breadcrumb ul li:last-child .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: rgba(0, 0, 0, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: rgba(0, 0, 0, 0.6);
}
@@ -4550,39 +4397,8 @@
border-radius: 4px;
width: 12.5rem;
}
-.p-contextmenu .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87);
-}
-.p-contextmenu .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 {
- color: rgba(0, 0, 0, 0.6);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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-link:focus {
+.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
}
.p-contextmenu .p-submenu-list {
padding: 0.5rem 0;
@@ -4591,16 +4407,59 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-active > .p-menuitem-link {
- background: rgba(0, 0, 0, 0.04);
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(0, 0, 0, 0.87);
+ transition: none;
+ border-radius: 0;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 1rem 1rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .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-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(0, 0, 0, 0.6);
}
-.p-contextmenu .p-menu-separator {
+.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.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ 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: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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-contextmenu .p-menuitem: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: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: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-menuitem-separator {
border-top: 1px solid rgba(0, 0, 0, 0.12);
margin: 0.5rem 0;
}
@@ -4608,78 +4467,71 @@
font-size: 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-action {
+.p-dock .p-dock-item.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-dock .p-dock-link {
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 {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
- .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list {
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
- .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container {
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
- .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
- .p-dock.p-dock-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 {
+ .p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
@@ -4691,90 +4543,60 @@
border: 1px solid #e5e5e5;
border-radius: 4px;
}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 1rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 4px;
- transition: none;
- user-select: none;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .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 {
- 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 {
- 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 {
- 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 {
- color: rgba(0, 0, 0, 0.87);
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6);
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+.p-megamenu .p-megamenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
}
-.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(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 {
- color: rgba(0, 0, 0, 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 {
- 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 > .p-menuitem-content {
color: rgba(0, 0, 0, 0.87);
+ transition: none;
border-radius: 0;
- transition: none;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 1rem 1rem;
user-select: none;
}
-.p-megamenu .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-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-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);
}
-.p-megamenu .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-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-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-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6);
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(0, 0, 0, 0.04);
}
-.p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
+.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-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-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: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: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: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-megamenu-panel {
background: #ffffff;
@@ -4782,7 +4604,7 @@
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 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);
@@ -4791,27 +4613,48 @@
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;
}
+.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-menu {
padding: 0.5rem 0;
@@ -4821,39 +4664,57 @@
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 {
+ 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;
@@ -4869,7 +4730,7 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
}
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
border-top: 1px solid rgba(0, 0, 0, 0.12);
margin: 0.5rem 0;
}
@@ -4881,89 +4742,89 @@
border: 1px solid #e5e5e5;
border-radius: 4px;
}
-.p-menubar .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87);
-}
-.p-menubar .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 {
- color: rgba(0, 0, 0, 0.6);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .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 {
- color: rgba(0, 0, 0, 0.6);
-}
-.p-menubar .p-menuitem-link:focus {
+.p-menubar .p-menubar-root-list {
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-menubar-root-list > .p-menuitem > .p-menuitem-content {
color: rgba(0, 0, 0, 0.87);
- border-radius: 4px;
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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(0, 0, 0, 0.6);
}
-.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+.p-menubar .p-menuitem > .p-menuitem-content {
+ color: rgba(0, 0, 0, 0.87);
+ transition: none;
+ border-radius: 0;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 1rem 1rem;
+ user-select: none;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.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-menuitem > .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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-.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 {
+.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-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.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-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.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-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.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(0, 0, 0, 0.04);
+}
+.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-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-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-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-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 {
@@ -4973,22 +4834,13 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem.p-menuitem-active > .p-menuitem-link {
- 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-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);
-}
@media screen and (max-width: 960px) {
.p-menubar {
@@ -5020,56 +4872,22 @@
box-shadow: 0 2px 4px -1px rgba(0, 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: 100%;
}
- .p-menubar .p-menubar-root-list .p-menu-separator {
+ .p-menubar .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-root-list .p-submenu-icon {
font-size: 0.875rem;
}
- .p-menubar .p-menubar-root-list > .p-menuitem {
+ .p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .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 {
- 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 {
- color: rgba(0, 0, 0, 0.6);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- 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 {
- 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 {
- 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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5082,26 +4900,26 @@
transition: transform 0.2s;
transform: rotate(90deg);
}
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3rem;
}
- .p-menubar .p-menubar-root-list ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 5rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 7rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 9rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 11rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5112,42 +4930,45 @@
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-action {
+ padding: 1.5rem;
+ font-weight: 400;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a:focus {
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .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);
@@ -5163,66 +4984,91 @@
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 {
+ 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 {
+.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: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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-.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;
}
@@ -5231,80 +5077,6 @@
border-bottom-left-radius: 4px;
}
-.p-slidemenu {
- padding: 0.5rem 0;
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- border: 1px solid #e5e5e5;
- border-radius: 4px;
- width: 12.5rem;
-}
-.p-slidemenu .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87);
-}
-.p-slidemenu .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 {
- color: rgba(0, 0, 0, 0.6);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-.p-slidemenu.p-slidemenu-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-slidemenu .p-slidemenu-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-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
- background: rgba(0, 0, 0, 0.04);
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
- color: rgba(0, 0, 0, 0.87);
-}
-.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: rgba(0, 0, 0, 0.6);
-}
-.p-slidemenu .p-slidemenu-separator {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- margin: 0.5rem 0;
-}
-.p-slidemenu .p-slidemenu-icon {
- font-size: 0.875rem;
-}
-.p-slidemenu .p-slidemenu-backward {
- padding: 1rem 1rem;
- color: rgba(0, 0, 0, 0.87);
-}
-
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: none;
@@ -5370,7 +5142,6 @@
border-top-left-radius: 4px;
transition: none;
margin: 0 0 -1px 0;
- height: calc(100% + 1px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
@@ -5399,61 +5170,73 @@
border-radius: 4px;
width: 12.5rem;
}
-.p-tieredmenu .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87);
-}
-.p-tieredmenu .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 {
- color: rgba(0, 0, 0, 0.6);
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04);
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87);
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.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-active > .p-menuitem-link {
- background: rgba(0, 0, 0, 0.04);
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(0, 0, 0, 0.87);
+ transition: none;
+ border-radius: 0;
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 1rem 1rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .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 > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(0, 0, 0, 0.6);
}
-.p-tieredmenu .p-menu-separator {
+.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.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ 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: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-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-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: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: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: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-menuitem-separator {
border-top: 1px solid rgba(0, 0, 0, 0.12);
margin: 0.5rem 0;
}
@@ -5765,9 +5548,6 @@
background: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.87);
}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- transition: none;
-}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
@@ -5841,6 +5621,48 @@
border: 2px solid #ffffff;
}
+.p-badge {
+ background: #673AB7;
+ color: #ffffff;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #4CAF50;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #689F38;
+ color: #ffffff;
+}
+.p-badge.p-badge-info {
+ background-color: #2196F3;
+ color: #ffffff;
+}
+.p-badge.p-badge-warning {
+ background-color: #FBC02D;
+ color: #212529;
+}
+.p-badge.p-badge-danger {
+ background-color: #D32F2F;
+ color: #ffffff;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
.p-chip {
background-color: rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
@@ -5862,9 +5684,9 @@
margin-right: 0.5rem;
}
.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
border-radius: 4px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-left: 0.5rem;
}
.p-chip .p-chip-remove-icon:focus {
outline: 0 none;
@@ -5872,6 +5694,37 @@
box-shadow: none;
}
+.p-inplace .p-inplace-display {
+ padding: 1rem 1rem;
+ border-radius: 4px;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 4px;
+ background: rgba(103, 58, 183, 0.32);
+ border-radius: 4px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #673AB7;
+}
+.p-progressbar .p-progressbar-label {
+ color: #ffffff;
+ line-height: 4px;
+}
+
.p-scrolltop {
width: 3rem;
height: 3rem;
@@ -5927,37 +5780,6 @@
font-size: 0.75rem;
}
-.p-inplace .p-inplace-display {
- padding: 1rem 1rem;
- border-radius: 4px;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
-}
-.p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87);
-}
-.p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-
-.p-progressbar {
- border: 0 none;
- height: 4px;
- background: rgba(103, 58, 183, 0.32);
- border-radius: 4px;
-}
-.p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #673AB7;
-}
-.p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 4px;
-}
-
.p-terminal {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
@@ -5969,73 +5791,6 @@
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
}
-.p-badge {
- background: #673AB7;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
-}
-.p-badge.p-badge-secondary {
- background-color: #4CAF50;
- color: #ffffff;
-}
-.p-badge.p-badge-success {
- background-color: #689F38;
- color: #ffffff;
-}
-.p-badge.p-badge-info {
- background-color: #2196F3;
- color: #ffffff;
-}
-.p-badge.p-badge-warning {
- background-color: #FBC02D;
- color: #212529;
-}
-.p-badge.p-badge-danger {
- background-color: #D32F2F;
- color: #ffffff;
-}
-.p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
-}
-.p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
-}
-
-.p-tag {
- background: #673AB7;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 4px;
-}
-.p-tag.p-tag-success {
- background-color: #689F38;
- color: #ffffff;
-}
-.p-tag.p-tag-info {
- background-color: #2196F3;
- color: #ffffff;
-}
-.p-tag.p-tag-warning {
- background-color: #FBC02D;
- color: #212529;
-}
-.p-tag.p-tag-danger {
- background-color: #D32F2F;
- color: #ffffff;
-}
-
.p-accordion .p-accordion-tab {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;
@@ -6168,19 +5923,19 @@
.p-button.p-button-icon-only {
min-width: auto;
}
-.p-button:enabled:focus, .p-button:not(button):not(a):not(.p-disabled):focus {
+.p-button:enabled:focus {
background: rgba(103, 58, 183, 0.76);
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: rgba(103, 58, 183, 0.68);
}
.p-button .p-ink {
background-color: rgba(255, 255, 255, 0.32);
}
-.p-button.p-button-text:enabled:focus, .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-outlined:enabled:focus, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus {
background: rgba(103, 58, 183, 0.12);
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active {
background: rgba(103, 58, 183, 0.16);
}
.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink {
@@ -6209,103 +5964,103 @@
color: rgba(0, 0, 0, 0.38) !important;
border-color: rgba(0, 0, 0, 0.38) !important;
}
-.p-button.p-button-raised:enabled:focus, .p-button.p-button-raised:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-raised:enabled:focus {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
background: rgba(76, 175, 80, 0.76);
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: rgba(76, 175, 80, 0.68);
}
-.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:focus, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus {
background: rgba(76, 175, 80, 0.12);
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(76, 175, 80, 0.16);
}
-.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-secondary.p-button-text .p-ink, .p-fileupload-choose.p-button-secondary.p-button-outlined .p-ink {
+.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink {
background-color: rgba(76, 175, 80, 0.16);
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
background: rgba(33, 150, 243, 0.76);
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: rgba(33, 150, 243, 0.68);
}
-.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info.p-button-text:enabled:focus, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus {
background: rgba(33, 150, 243, 0.12);
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(33, 150, 243, 0.16);
}
-.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-info.p-button-text .p-ink, .p-fileupload-choose.p-button-info.p-button-outlined .p-ink {
+.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink {
background-color: rgba(33, 150, 243, 0.16);
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
background: rgba(104, 159, 56, 0.76);
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: rgba(104, 159, 56, 0.68);
}
-.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success.p-button-text:enabled:focus, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus {
background: rgba(104, 159, 56, 0.12);
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(104, 159, 56, 0.16);
}
-.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-success.p-button-text .p-ink, .p-fileupload-choose.p-button-success.p-button-outlined .p-ink {
+.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink {
background-color: rgba(104, 159, 56, 0.16);
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
background: rgba(251, 192, 45, 0.76);
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: rgba(251, 192, 45, 0.68);
}
-.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning.p-button-text:enabled:focus, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus {
background: rgba(251, 192, 45, 0.12);
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(251, 192, 45, 0.16);
}
-.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-warning.p-button-text .p-ink, .p-fileupload-choose.p-button-warning.p-button-outlined .p-ink {
+.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink {
background-color: rgba(251, 192, 45, 0.16);
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
background: rgba(156, 39, 176, 0.76);
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: rgba(156, 39, 176, 0.68);
}
-.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help.p-button-text:enabled:focus, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus {
background: rgba(156, 39, 176, 0.12);
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(156, 39, 176, 0.16);
}
-.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-help.p-button-text .p-ink, .p-fileupload-choose.p-button-help.p-button-outlined .p-ink {
+.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink {
background-color: rgba(156, 39, 176, 0.16);
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
background: rgba(211, 47, 47, 0.76);
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: rgba(211, 47, 47, 0.68);
}
-.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger.p-button-text:enabled:focus, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus {
background: rgba(211, 47, 47, 0.12);
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(211, 47, 47, 0.16);
}
-.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-danger.p-button-text .p-ink, .p-fileupload-choose.p-button-danger.p-button-outlined .p-ink {
+.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink {
background-color: rgba(211, 47, 47, 0.16);
}
@@ -6339,13 +6094,19 @@
.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled {
background-color: transparent !important;
}
-.p-calendar-w-btn:not(.p-disabled):hover {
+.p-calendar-w-btn:not(.p-calendar-disabled):hover {
border-color: rgba(0, 0, 0, 0.87);
}
-.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+.p-calendar-w-btn:not(.p-calendar-disabled).p-inputwrapper-focus {
border-color: #673AB7;
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-calendar-w-btn.p-calendar-disabled {
+ opacity: 0.38;
+}
+.p-calendar-w-btn.p-calendar-disabled .p-inputtext {
+ opacity: 1;
+}
.p-datepicker .p-datepicker-header {
border-bottom: 0 none;
@@ -6400,18 +6161,18 @@
background-image: none;
background: transparent;
}
-.p-input-filled .p-calendar-w-btn:not(.p-disabled):hover {
+.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
-.p-input-filled .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
-.p-input-filled .p-calendar-w-btn .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:focus {
+.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
@@ -6441,9 +6202,7 @@
box-shadow: none;
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,
-.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext {
border: 0 none;
background-image: none;
}
@@ -6501,6 +6260,7 @@
background-image: none;
background: transparent;
}
+
.p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label {
padding-top: 1.5rem;
padding-bottom: 0.5rem;
@@ -6657,6 +6417,13 @@
box-shadow: 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-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(0, 0, 0, 0.12);
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ background: rgba(0, 0, 0, 0.12);
+}
+
.p-datatable .p-sortable-column {
outline: 0 none;
}
@@ -6853,9 +6620,7 @@
}
.p-input-filled .p-inputgroup-addon:first-child,
.p-input-filled .p-inputgroup button:first-child,
-.p-input-filled .p-inputgroup input:first-child,
-.p-input-filled .p-inputgroup > .p-inputwrapper:first-child,
-.p-input-filled .p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
+.p-input-filled .p-inputgroup input:first-child {
border-bottom-left-radius: 0;
}
.p-input-filled .p-inputgroup .p-float-label:first-child input {
@@ -6863,9 +6628,7 @@
}
.p-input-filled .p-inputgroup-addon:last-child,
.p-input-filled .p-inputgroup button:last-child,
-.p-input-filled .p-inputgroup input:last-child,
-.p-input-filled .p-inputgroup > .p-inputwrapper:last-child,
-.p-input-filled .p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
+.p-input-filled .p-inputgroup input:last-child {
border-bottom-right-radius: 0;
}
.p-input-filled .p-inputgroup .p-float-label:last-child input {
@@ -6896,13 +6659,13 @@
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before {
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), 0 0 1px 10px rgba(0, 0, 0, 0.04);
}
-.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
+.p-inputswitch.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before {
box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
-.p-inputswitch.p-inputswitch-checked.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
+.p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
@@ -6960,15 +6723,24 @@
background: rgba(103, 58, 183, 0.24);
}
-.p-megamenu .p-menuitem .p-menuitem-link:focus {
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(0, 0, 0, 0.12);
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
background: rgba(0, 0, 0, 0.12);
}
-.p-menu .p-menuitem .p-menuitem-link:focus {
+.p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(0, 0, 0, 0.12);
+}
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
background: rgba(0, 0, 0, 0.12);
}
-.p-menubar .p-menuitem .p-menuitem-link:focus {
+.p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(0, 0, 0, 0.12);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
background: rgba(0, 0, 0, 0.12);
}
@@ -6992,7 +6764,7 @@
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus.p-highlight {
background: rgba(103, 58, 183, 0.24);
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+.p-multiselect-panel .p-multiselect-close:focus {
background: rgba(0, 0, 0, 0.12);
}
@@ -7069,10 +6841,6 @@
box-shadow: 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;
-}
-
.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
background: rgba(0, 0, 0, 0.12);
}
@@ -7080,6 +6848,10 @@
background: rgba(103, 58, 183, 0.24);
}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 1.5rem;
+}
+
.p-paginator {
justify-content: flex-end;
}
@@ -7126,6 +6898,26 @@
background: rgba(0, 0, 0, 0.12);
}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
+ order: 1;
+ margin-left: auto;
+ margin-right: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-disabled {
+ opacity: 1;
+}
+.p-panelmenu .p-panelmenu-header.p-disabled .p-panelmenu-header-content > * {
+ opacity: 0.38;
+}
+.p-panelmenu .p-panelmenu-header:focus .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-header.p-highlight:focus .p-panelmenu-header-content {
+ background: #f6f6f6;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ 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 {
+ background: rgba(0, 0, 0, 0.12);
+}
.p-panelmenu .p-panelmenu-panel {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;
@@ -7141,23 +6933,6 @@
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
-.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon {
- order: 1;
- margin-left: auto;
- margin-right: 0;
-}
-.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled {
- opacity: 1;
-}
-.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * {
- opacity: 0.38;
-}
-.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus {
- background: #f6f6f6;
-}
-.p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus {
- background: rgba(0, 0, 0, 0.12);
-}
.p-picklist .p-picklist-list .p-picklist-item:focus {
background: rgba(0, 0, 0, 0.12);
@@ -7169,10 +6944,32 @@
.p-progressbar {
border-radius: 0;
}
-.p-progressbar .p-progressbar-label {
+.p-progressbar.p-progressbar-determinate .p-progressbar-label {
display: none;
}
+.p-rating {
+ gap: 0;
+}
+.p-rating .p-rating-item {
+ border-radius: 50%;
+ width: 2rem;
+ height: 2rem;
+ justify-content: center;
+}
+.p-rating .p-rating-item.p-focus {
+ background: rgba(103, 58, 183, 0.12);
+}
+.p-rating .p-rating-item.p-focus.p-rating-cancel-item {
+ background: rgba(176, 0, 32, 0.12);
+}
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover {
+ background-color: rgba(0, 0, 0, 0.04);
+}
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item {
+ background: rgba(176, 0, 32, 0.04);
+}
+
.p-radiobutton {
border-radius: 50%;
transition: box-shadow 0.2s;
@@ -7206,26 +7003,8 @@
background-color: #ffffff;
}
-.p-rating {
- gap: 0;
-}
-.p-rating .p-rating-item {
- border-radius: 50%;
- width: 2rem;
- height: 2rem;
- justify-content: center;
-}
-.p-rating .p-rating-item:focus {
- background: rgba(103, 58, 183, 0.12);
-}
-.p-rating .p-rating-item:focus.p-rating-cancel-item {
- background: rgba(176, 0, 32, 0.12);
-}
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover {
- background-color: rgba(0, 0, 0, 0.04);
-}
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item {
- background: rgba(176, 0, 32, 0.04);
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ box-shadow: 0 0 1px 4px rgba(76, 175, 80, 0.2);
}
.p-selectbutton .p-button:focus {
@@ -7237,10 +7016,6 @@
border-color: #d9d8d9;
}
-.p-slidemenu .p-menuitem-link:focus {
- background: rgba(0, 0, 0, 0.12);
-}
-
.p-slider .p-slider-handle {
transition: transform 0.2s, box-shadow 0.2s;
transform: scale(0.7);
@@ -7326,6 +7101,17 @@
background: rgba(211, 47, 47, 0.16);
}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ transition: transform 0.2s, box-shadow 0.2s;
+ transform: scale(0.7);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ box-shadow: 0 0 1px 6px rgba(76, 175, 80, 0.2);
+}
+.p-splitter .p-splitter-gutter.p-splitter-gutter-resizing .p-splitter-gutter-handle {
+ transform: scale(1);
+}
+
.p-steps {
padding: 1rem 0;
}
@@ -7402,7 +7188,10 @@
transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
}
-.p-tieredmenu .p-menuitem-link:focus {
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(0, 0, 0, 0.12);
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
background: rgba(0, 0, 0, 0.12);
}
diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css
index 0201c9a..85d5e0f 100644
--- a/public/themes/md-light-indigo/theme.css
+++ b/public/themes/md-light-indigo/theme.css
@@ -40,8 +40,8 @@
--surface-overlay:#ffffff;
--surface-border:rgba(0,0,0,.12);
--surface-hover:rgba(0,0,0,.04);
- --maskbg: rgba(0, 0, 0, 0.32);
--focus-ring: none;
+ --maskbg: rgba(0, 0, 0, 0.32);
color-scheme: light;
}
@@ -265,18 +265,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 4rem;
}
-.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.5rem 1rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: rgba(0, 0, 0, 0.87);
}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #3F51B5;
}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.5rem 1rem;
+ gap: 0.5rem;
+}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.5rem 0;
}
@@ -289,14 +290,17 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.5rem 1rem;
- margin-right: 0.5rem;
- background: rgba(63, 81, 181, 0.12);
- color: #3F51B5;
- border-radius: 4px;
+ background: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: rgba(0, 0, 0, 0.24);
+ color: rgba(0, 0, 0, 0.87);
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #B00020;
}
@@ -320,14 +324,21 @@
transition: none;
border-radius: 0;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04);
-}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #3F51B5;
background: rgba(63, 81, 181, 0.12);
}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: rgba(63, 81, 181, 0.24);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.12);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.04);
+}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 1rem;
@@ -518,10 +529,10 @@
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
+ border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
- border-left: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.04);
@@ -609,22 +620,24 @@
transition: none;
border-radius: 0;
}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 1rem 1rem;
-}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #3F51B5;
background: rgba(63, 81, 181, 0.12);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: rgba(63, 81, 181, 0.24);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.12);
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.04);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 1rem 1rem;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@@ -661,11 +674,6 @@
border-color: #3F51B5;
background: #3F51B5;
}
-.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
- border-color: #3F51B5;
- background: #3F51B5;
- color: #ffffff;
-}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: rgba(0, 0, 0, 0.87);
}
@@ -697,24 +705,28 @@
background: #3F51B5;
}
-.p-chips .p-chips-multiple-container {
- padding: 0.5rem 1rem;
-}
-.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: rgba(0, 0, 0, 0.87);
}
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #3F51B5;
}
+.p-chips .p-chips-multiple-container {
+ padding: 0.5rem 1rem;
+}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.5rem 1rem;
margin-right: 0.5rem;
- background: rgba(63, 81, 181, 0.12);
- color: #3F51B5;
- border-radius: 4px;
+ background: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: rgba(0, 0, 0, 0.24);
+ color: rgba(0, 0, 0, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@@ -776,7 +788,7 @@
.p-dropdown .p-dropdown-label.p-placeholder {
color: rgba(0, 0, 0, 0.6);
}
-.p-dropdown .p-dropdown-label:enabled:focus {
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
@@ -819,13 +831,6 @@
right: 1rem;
color: rgba(0, 0, 0, 0.6);
}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
- padding-right: 4rem;
- margin-right: -4rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
- right: 3rem;
-}
.p-dropdown-panel .p-dropdown-items {
padding: 0;
}
@@ -842,6 +847,13 @@
color: #3F51B5;
background: rgba(63, 81, 181, 0.12);
}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: rgba(63, 81, 181, 0.24);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.12);
+}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.04);
@@ -1083,7 +1095,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: rgba(63, 81, 181, 0.5);
}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
+.p-inputswitch.p-invalid {
border-color: #B00020;
}
@@ -1125,13 +1137,11 @@
transition-duration: 0.2s;
}
-.p-float-label > label.p-error {
+.p-float-label > .p-invalid + label {
color: #B00020;
}
-.p-input-icon-left > i:first-of-type,
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > i:first-of-type {
left: 1rem;
color: rgba(0, 0, 0, 0.6);
}
@@ -1144,9 +1154,7 @@
left: 3rem;
}
-.p-input-icon-right > i:last-of-type,
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > i:last-of-type {
right: 1rem;
color: rgba(0, 0, 0, 0.6);
}
@@ -1196,6 +1204,7 @@
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e5e5e5;
border-radius: 4px;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-listbox .p-listbox-header {
padding: 1rem;
@@ -1215,6 +1224,7 @@
}
.p-listbox .p-listbox-list {
padding: 0;
+ outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
@@ -1228,11 +1238,6 @@
color: #3F51B5;
background: rgba(63, 81, 181, 0.12);
}
-.p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 1rem;
@@ -1245,42 +1250,27 @@
color: rgba(0, 0, 0, 0.87);
background: transparent;
}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: rgba(63, 81, 181, 0.24);
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.12);
+}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.04);
}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #3F51B5;
+}
.p-listbox.p-invalid {
border-color: #B00020;
}
-.p-mention-panel {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- border: 0 none;
- border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
-}
-.p-mention-panel .p-mention-items {
- padding: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item {
- margin: 0;
- padding: 1rem 1rem;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item:hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04);
-}
-.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.12);
-}
-
.p-multiselect {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.38);
@@ -1296,9 +1286,6 @@
box-shadow: none;
border-color: #3F51B5;
}
-.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 2rem;
-}
.p-multiselect .p-multiselect-label {
padding: 1rem 1rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@@ -1309,9 +1296,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.5rem 1rem;
margin-right: 0.5rem;
- background: rgba(63, 81, 181, 0.12);
- color: #3F51B5;
- border-radius: 4px;
+ background: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
@@ -1323,10 +1310,6 @@
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
-.p-multiselect .p-multiselect-clear-icon {
- color: rgba(0, 0, 0, 0.6);
- right: 2.357rem;
-}
.p-multiselect.p-invalid.p-component {
border-color: #B00020;
}
@@ -1334,12 +1317,6 @@
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.5rem 1rem;
}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
- padding: 1rem 1rem;
-}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 2rem;
-}
.p-multiselect-panel {
background: #ffffff;
@@ -1357,9 +1334,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
- margin: 0 0.5rem;
-}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 2rem;
}
@@ -1367,7 +1341,11 @@
right: 1rem;
color: rgba(0, 0, 0, 0.6);
}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
width: 2.5rem;
height: 2.5rem;
color: rgba(0, 0, 0, 0.6);
@@ -1402,15 +1380,17 @@
color: #3F51B5;
background: rgba(63, 81, 181, 0.12);
}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: rgba(63, 81, 181, 0.24);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.12);
+}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.04);
}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
@@ -1462,15 +1442,7 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #689F38;
}
-.p-password-panel .p-password-info.weak {
- color: #D32F2F;
-}
-.p-password-panel .p-password-info.medium {
- color: #FBC02D;
-}
-.p-password-panel .p-password-info.strong {
- color: #689F38;
-}
+
.p-radiobutton {
width: 20px;
height: 20px;
@@ -1539,10 +1511,11 @@
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #B00020;
}
-.p-rating .p-rating-item:focus {
+.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
+ border-color: #3F51B5;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #3F51B5;
@@ -1686,50 +1659,6 @@
border-radius: 4px;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
-.p-treeselect-panel .p-treeselect-header {
- padding: 1rem;
- border-bottom: 1px solid rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
- margin-right: 0.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
- padding-right: 2rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 1rem;
- color: rgba(0, 0, 0, 0.6);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 4rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 3rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2.5rem;
- height: 2.5rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- 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: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
@@ -1759,6 +1688,12 @@
.p-togglebutton.p-button .p-button-icon-right {
color: rgba(0, 0, 0, 0.6);
}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #3F51B5;
+}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: #f6f6f6;
border-color: rgba(0, 0, 0, 0.12);
@@ -1799,12 +1734,12 @@
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
border-radius: 4px;
}
-.p-button:enabled:hover, .p-button:not(button):not(a):not(.p-disabled):hover {
+.p-button:enabled:hover {
background: rgba(63, 81, 181, 0.92);
color: #ffffff;
border-color: transparent;
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: rgba(63, 81, 181, 0.68);
color: #ffffff;
border-color: transparent;
@@ -1814,12 +1749,12 @@
color: #3F51B5;
border: 0 none;
}
-.p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined:enabled:hover {
background: rgba(63, 81, 181, 0.04);
color: #3F51B5;
border: 0 none;
}
-.p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined:enabled:active {
background: rgba(63, 81, 181, 0.16);
color: #3F51B5;
border: 0 none;
@@ -1828,11 +1763,11 @@
color: rgba(0, 0, 0, 0.6);
border-color: rgba(0, 0, 0, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:hover, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:active, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined.p-button-plain:enabled:active {
background: rgba(0, 0, 0, 0.16);
color: rgba(0, 0, 0, 0.6);
}
@@ -1841,12 +1776,12 @@
color: #3F51B5;
border-color: transparent;
}
-.p-button.p-button-text:enabled:hover, .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text:enabled:hover {
background: rgba(63, 81, 181, 0.04);
color: #3F51B5;
border-color: transparent;
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active {
background: rgba(63, 81, 181, 0.16);
color: #3F51B5;
border-color: transparent;
@@ -1854,11 +1789,11 @@
.p-button.p-button-text.p-button-plain {
color: rgba(0, 0, 0, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:hover, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text.p-button-plain:enabled:hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:active, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text.p-button-plain:enabled:active {
background: rgba(0, 0, 0, 0.16);
color: rgba(0, 0, 0, 0.6);
}
@@ -1867,6 +1802,9 @@
outline-offset: 0;
box-shadow: none;
}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1919,20 +1857,11 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
+.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
- margin-right: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
- margin-top: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
- margin-bottom: 0.5rem;
-}
.p-button.p-button-loading-label-only .p-button-loading-icon {
- margin: 0;
+ margin-right: 0;
}
.p-fluid .p-button {
@@ -1948,295 +1877,295 @@
flex: 1;
}
-.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 {
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #ff4081;
border: 0 none;
}
-.p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary:enabled:hover, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: rgba(255, 64, 129, 0.92);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: rgba(255, 64, 129, 0.68);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #ff4081;
border: 0 none;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(255, 64, 129, 0.04);
color: #ff4081;
border: 0 none;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(255, 64, 129, 0.16);
color: #ff4081;
border: 0 none;
}
-.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #ff4081;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-text:enabled:hover, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(255, 64, 129, 0.04);
border-color: transparent;
color: #ff4081;
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(255, 64, 129, 0.16);
border-color: transparent;
color: #ff4081;
}
-.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #2196F3;
border: 0 none;
}
-.p-button.p-button-info:enabled:hover, .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info:enabled:hover, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: rgba(33, 150, 243, 0.92);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: rgba(33, 150, 243, 0.68);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #2196F3;
border: 0 none;
}
-.p-button.p-button-info.p-button-outlined:enabled:hover, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(33, 150, 243, 0.04);
color: #2196F3;
border: 0 none;
}
-.p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(33, 150, 243, 0.16);
color: #2196F3;
border: 0 none;
}
-.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #2196F3;
border-color: transparent;
}
-.p-button.p-button-info.p-button-text:enabled:hover, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(33, 150, 243, 0.04);
border-color: transparent;
color: #2196F3;
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(33, 150, 243, 0.16);
border-color: transparent;
color: #2196F3;
}
-.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #689F38;
border: 0 none;
}
-.p-button.p-button-success:enabled:hover, .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success:enabled:hover, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: rgba(104, 159, 56, 0.92);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: rgba(104, 159, 56, 0.68);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #689F38;
border: 0 none;
}
-.p-button.p-button-success.p-button-outlined:enabled:hover, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(104, 159, 56, 0.04);
color: #689F38;
border: 0 none;
}
-.p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(104, 159, 56, 0.16);
color: #689F38;
border: 0 none;
}
-.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #689F38;
border-color: transparent;
}
-.p-button.p-button-success.p-button-text:enabled:hover, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(104, 159, 56, 0.04);
border-color: transparent;
color: #689F38;
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(104, 159, 56, 0.16);
border-color: transparent;
color: #689F38;
}
-.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529;
background: #FBC02D;
border: 0 none;
}
-.p-button.p-button-warning:enabled:hover, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning:enabled:hover, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: rgba(251, 192, 45, 0.92);
color: #212529;
border-color: transparent;
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: rgba(251, 192, 45, 0.68);
color: #212529;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #FBC02D;
border: 0 none;
}
-.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(251, 192, 45, 0.04);
color: #FBC02D;
border: 0 none;
}
-.p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(251, 192, 45, 0.16);
color: #FBC02D;
border: 0 none;
}
-.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #FBC02D;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-text:enabled:hover, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(251, 192, 45, 0.04);
border-color: transparent;
color: #FBC02D;
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(251, 192, 45, 0.16);
border-color: transparent;
color: #FBC02D;
}
-.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #9C27B0;
border: 0 none;
}
-.p-button.p-button-help:enabled:hover, .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help:enabled:hover, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: rgba(156, 39, 176, 0.92);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: rgba(156, 39, 176, 0.68);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #9C27B0;
border: 0 none;
}
-.p-button.p-button-help.p-button-outlined:enabled:hover, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(156, 39, 176, 0.04);
color: #9C27B0;
border: 0 none;
}
-.p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(156, 39, 176, 0.16);
color: #9C27B0;
border: 0 none;
}
-.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #9C27B0;
border-color: transparent;
}
-.p-button.p-button-help.p-button-text:enabled:hover, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(156, 39, 176, 0.04);
border-color: transparent;
color: #9C27B0;
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(156, 39, 176, 0.16);
border-color: transparent;
color: #9C27B0;
}
-.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #D32F2F;
border: 0 none;
}
-.p-button.p-button-danger:enabled:hover, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger:enabled:hover, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: rgba(211, 47, 47, 0.92);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: rgba(211, 47, 47, 0.68);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #D32F2F;
border: 0 none;
}
-.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(211, 47, 47, 0.04);
color: #D32F2F;
border: 0 none;
}
-.p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(211, 47, 47, 0.16);
color: #D32F2F;
border: 0 none;
}
-.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #D32F2F;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-text:enabled:hover, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(211, 47, 47, 0.04);
border-color: transparent;
color: #D32F2F;
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(211, 47, 47, 0.16);
border-color: transparent;
color: #D32F2F;
@@ -2247,25 +2176,89 @@
background: transparent;
border: transparent;
}
-.p-button.p-button-link:enabled:hover, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-link:enabled:hover {
background: transparent;
color: #3F51B5;
border-color: transparent;
}
-.p-button.p-button-link:enabled:hover .p-button-label, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
+.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
-.p-button.p-button-link:enabled:focus, .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: none;
border-color: transparent;
}
-.p-button.p-button-link:enabled:active, .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-link:enabled:active {
background: transparent;
color: #3F51B5;
border-color: transparent;
}
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 2rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: #ff4081;
+ color: #fff;
+}
+.p-speeddial-action:hover {
+ background: rgba(255, 64, 129, 0.92);
+ color: #fff;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.32);
+}
+
.p-splitbutton {
border-radius: 4px;
}
@@ -2518,70 +2511,6 @@
color: #D32F2F;
}
-.p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
-}
-.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 2rem;
-}
-
-.p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #ff4081;
- color: #fff;
-}
-.p-speeddial-action:hover {
- background: rgba(255, 64, 129, 0.92);
- color: #fff;
-}
-
-.p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
-}
-
-.p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
-}
-
-.p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
-}
-
-.p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
-}
-
-.p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
-}
-.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
-}
-
-.p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.32);
-}
-
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2.5rem;
@@ -2683,11 +2612,11 @@
background: rgba(63, 81, 181, 0.12);
margin-left: 0.5rem;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: rgba(0, 0, 0, 0.6);
}
.p-datatable .p-sortable-column.p-highlight {
@@ -2697,11 +2626,11 @@
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: rgba(0, 0, 0, 0.87);
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column.p-highlight:hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
color: rgba(0, 0, 0, 0.87);
}
.p-datatable .p-sortable-column:focus {
@@ -2753,9 +2682,9 @@
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 500;
}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
- background: rgba(63, 81, 181, 0.12);
- color: #3F51B5;
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid transparent;
+ outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: rgba(63, 81, 181, 0.12);
@@ -2767,23 +2696,7 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 rgba(63, 81, 181, 0.12);
}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
- outline: 0.15rem solid transparent;
- 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: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87);
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
- outline: 0.15rem solid transparent;
- outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
}
@@ -2823,22 +2736,31 @@
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: rgba(0, 0, 0, 0.02);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: rgba(63, 81, 181, 0.12);
color: #3F51B5;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #3F51B5;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #3F51B5;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
- background: rgba(0, 0, 0, 0.02);
-}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
@@ -2870,10 +2792,6 @@
padding: 1.25rem 1.25rem;
}
-.p-datatable-drag-selection-helper {
- background: rgba(63, 81, 181, 0.16);
-}
-
.p-dataview .p-paginator-top {
border-width: 0 0 1px 0;
border-radius: 0;
@@ -2910,46 +2828,6 @@
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
-.p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
-}
-
-.p-datascroller .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-datascroller-header {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- border: 1px solid #e4e4e4;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 500;
-}
-.p-datascroller .p-datascroller-content {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- border: 0 none;
- padding: 1rem 0;
-}
-.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
- border: solid rgba(0, 0, 0, 0.12);
- border-width: 0 0 1px 0;
-}
-.p-datascroller .p-datascroller-footer {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- border: 1px solid #e4e4e4;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 500;
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px;
-}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
@@ -3375,19 +3253,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-orderlist .p-orderlist-filter-container {
- padding: 1rem;
- background: #ffffff;
- border: 1px solid #e0e0e0;
- border-bottom: 0 none;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 2rem;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 1rem;
- color: rgba(0, 0, 0, 0.6);
-}
.p-orderlist .p-orderlist-list {
border: 1px solid #e0e0e0;
background: #ffffff;
@@ -3424,22 +3289,6 @@
background: rgba(0, 0, 0, 0.04);
}
-@media screen and (max-width: 769px) {
- .p-orderlist {
- flex-direction: column;
- }
- .p-orderlist .p-orderlist-controls {
- padding: 1rem;
- flex-direction: row;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-controls .p-button:last-child {
- margin-right: 0;
- }
-}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
@@ -3518,6 +3367,7 @@
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
+ margin-right: 0.5rem;
height: 3rem;
}
.p-paginator .p-dropdown .p-dropdown-label {
@@ -3576,19 +3426,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-picklist .p-picklist-filter-container {
- padding: 1rem;
- background: #ffffff;
- border: 1px solid #e0e0e0;
- border-bottom: 0 none;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 2rem;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 1rem;
- color: rgba(0, 0, 0, 0.6);
-}
.p-picklist .p-picklist-list {
border: 1px solid #e0e0e0;
background: #ffffff;
@@ -3618,35 +3455,38 @@
color: #3F51B5;
background: rgba(63, 81, 181, 0.12);
}
-
-@media screen and (max-width: 769px) {
- .p-picklist {
- flex-direction: column;
- }
- .p-picklist .p-picklist-buttons {
- padding: 1rem;
- flex-direction: row;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-buttons .p-button:last-child {
- margin-right: 0;
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
- content: "\e930";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
- content: "\e92c";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
- content: "\e933";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
- content: "\e92f";
- }
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: rgba(0, 0, 0, 0.02);
}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 0 none;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #bdbdbd;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #bdbdbd;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
.p-tree {
border: 1px solid #e0e0e0;
background: #ffffff;
@@ -3713,10 +3553,6 @@
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
}
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87);
-}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
@@ -3734,12 +3570,6 @@
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
-.p-tree .p-treenode-droppoint {
- height: 0.5rem;
-}
-.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
- background: rgba(50, 65, 145, 0.12);
-}
.p-treetable .p-paginator-top {
border-width: 0 0 1px 0;
@@ -3865,11 +3695,11 @@
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: #3F51B5;
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: rgba(0, 0, 0, 0.87);
}
.p-treetable .p-column-resizer-helper {
@@ -3934,31 +3764,6 @@
padding: 1.25rem 1.25rem;
}
-.p-timeline .p-timeline-event-marker {
- border: 0 none;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #bdbdbd;
-}
-.p-timeline .p-timeline-event-connector {
- background-color: #bdbdbd;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
-}
-
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1.5rem;
border: 0 none;
@@ -3974,7 +3779,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: none;
+ box-shadow: inset none;
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #f6f6f6;
@@ -4028,7 +3833,7 @@
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
-.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-content {
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
@@ -4091,6 +3896,9 @@
outline-offset: 0;
box-shadow: none;
}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: rgba(0, 0, 0, 0.87);
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: rgba(0, 0, 0, 0.04);
border-color: #e0e0e0;
@@ -4174,6 +3982,17 @@
border-top: 0 none;
}
+.p-scrollpanel .p-scrollpanel-bar {
+ background: rgba(0, 0, 0, 0.12);
+ border: 0 none;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+
.p-splitter {
border: 1px solid #e0e0e0;
background: #ffffff;
@@ -4186,16 +4005,17 @@
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: rgba(0, 0, 0, 0.12);
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
}
.p-splitter .p-splitter-gutter-resizing {
background: rgba(0, 0, 0, 0.12);
}
-.p-scrollpanel .p-scrollpanel-bar {
- background: rgba(0, 0, 0, 0.12);
- border: 0 none;
-}
-
.p-tabview .p-tabview-nav {
background: #ffffff;
border: solid rgba(0, 0, 0, 0.12);
@@ -4232,9 +4052,6 @@
border-color: rgba(0, 0, 0, 0.12);
color: #3F51B5;
}
-.p-tabview .p-tabview-close {
- margin-left: 0.5rem;
-}
.p-tabview .p-tabview-nav-btn.p-link {
background: #ffffff;
color: #3F51B5;
@@ -4487,9 +4304,12 @@
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
+ gap: 0.5rem;
}
-.p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
}
.p-fileupload .p-fileupload-content {
background: #ffffff;
@@ -4499,6 +4319,22 @@
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ border-radius: 4px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
.p-fileupload .p-progressbar {
height: 4px;
}
@@ -4509,35 +4345,46 @@
margin-top: 0;
}
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: rgba(63, 81, 181, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: rgba(63, 81, 181, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+
.p-breadcrumb {
background: #ffffff;
border: 1px solid #e5e5e5;
border-radius: 4px;
padding: 1rem;
}
-.p-breadcrumb ul li .p-menuitem-link {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: none;
border-radius: 4px;
}
-.p-breadcrumb ul li .p-menuitem-link:focus {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: rgba(0, 0, 0, 0.87);
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: rgba(0, 0, 0, 0.6);
}
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: rgba(0, 0, 0, 0.6);
}
-.p-breadcrumb ul li:last-child .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: rgba(0, 0, 0, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: rgba(0, 0, 0, 0.6);
}
@@ -4550,39 +4397,8 @@
border-radius: 4px;
width: 12.5rem;
}
-.p-contextmenu .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87);
-}
-.p-contextmenu .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 {
- color: rgba(0, 0, 0, 0.6);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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-link:focus {
+.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
}
.p-contextmenu .p-submenu-list {
padding: 0.5rem 0;
@@ -4591,16 +4407,59 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-active > .p-menuitem-link {
- background: rgba(0, 0, 0, 0.04);
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(0, 0, 0, 0.87);
+ transition: none;
+ border-radius: 0;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 1rem 1rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .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-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(0, 0, 0, 0.6);
}
-.p-contextmenu .p-menu-separator {
+.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.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ 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: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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-contextmenu .p-menuitem: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: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: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-menuitem-separator {
border-top: 1px solid rgba(0, 0, 0, 0.12);
margin: 0.5rem 0;
}
@@ -4608,78 +4467,71 @@
font-size: 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-action {
+.p-dock .p-dock-item.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-dock .p-dock-link {
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 {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
- .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list {
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
- .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container {
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
- .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
- .p-dock.p-dock-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 {
+ .p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
@@ -4691,90 +4543,60 @@
border: 1px solid #e5e5e5;
border-radius: 4px;
}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 1rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 4px;
- transition: none;
- user-select: none;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .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 {
- 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 {
- 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 {
- 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 {
- color: rgba(0, 0, 0, 0.87);
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6);
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+.p-megamenu .p-megamenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
}
-.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(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 {
- color: rgba(0, 0, 0, 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 {
- 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 > .p-menuitem-content {
color: rgba(0, 0, 0, 0.87);
+ transition: none;
border-radius: 0;
- transition: none;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 1rem 1rem;
user-select: none;
}
-.p-megamenu .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-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-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);
}
-.p-megamenu .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-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-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-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6);
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(0, 0, 0, 0.04);
}
-.p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
+.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-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-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: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: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: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-megamenu-panel {
background: #ffffff;
@@ -4782,7 +4604,7 @@
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 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);
@@ -4791,27 +4613,48 @@
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;
}
+.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-menu {
padding: 0.5rem 0;
@@ -4821,39 +4664,57 @@
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 {
+ 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;
@@ -4869,7 +4730,7 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
}
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
border-top: 1px solid rgba(0, 0, 0, 0.12);
margin: 0.5rem 0;
}
@@ -4881,89 +4742,89 @@
border: 1px solid #e5e5e5;
border-radius: 4px;
}
-.p-menubar .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87);
-}
-.p-menubar .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 {
- color: rgba(0, 0, 0, 0.6);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .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 {
- color: rgba(0, 0, 0, 0.6);
-}
-.p-menubar .p-menuitem-link:focus {
+.p-menubar .p-menubar-root-list {
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-menubar-root-list > .p-menuitem > .p-menuitem-content {
color: rgba(0, 0, 0, 0.87);
- border-radius: 4px;
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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(0, 0, 0, 0.6);
}
-.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+.p-menubar .p-menuitem > .p-menuitem-content {
+ color: rgba(0, 0, 0, 0.87);
+ transition: none;
+ border-radius: 0;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 1rem 1rem;
+ user-select: none;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.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-menuitem > .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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-.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 {
+.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-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.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-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.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-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.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(0, 0, 0, 0.04);
+}
+.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-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-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-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-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 {
@@ -4973,22 +4834,13 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem.p-menuitem-active > .p-menuitem-link {
- 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-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);
-}
@media screen and (max-width: 960px) {
.p-menubar {
@@ -5020,56 +4872,22 @@
box-shadow: 0 2px 4px -1px rgba(0, 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: 100%;
}
- .p-menubar .p-menubar-root-list .p-menu-separator {
+ .p-menubar .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-root-list .p-submenu-icon {
font-size: 0.875rem;
}
- .p-menubar .p-menubar-root-list > .p-menuitem {
+ .p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .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 {
- 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 {
- color: rgba(0, 0, 0, 0.6);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- 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 {
- 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 {
- 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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5082,26 +4900,26 @@
transition: transform 0.2s;
transform: rotate(90deg);
}
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3rem;
}
- .p-menubar .p-menubar-root-list ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 5rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 7rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 9rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 11rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5112,42 +4930,45 @@
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-action {
+ padding: 1.5rem;
+ font-weight: 400;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a:focus {
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .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);
@@ -5163,66 +4984,91 @@
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 {
+ 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 {
+.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: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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-.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;
}
@@ -5231,80 +5077,6 @@
border-bottom-left-radius: 4px;
}
-.p-slidemenu {
- padding: 0.5rem 0;
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- border: 1px solid #e5e5e5;
- border-radius: 4px;
- width: 12.5rem;
-}
-.p-slidemenu .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87);
-}
-.p-slidemenu .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 {
- color: rgba(0, 0, 0, 0.6);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-.p-slidemenu.p-slidemenu-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-slidemenu .p-slidemenu-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-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
- background: rgba(0, 0, 0, 0.04);
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
- color: rgba(0, 0, 0, 0.87);
-}
-.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: rgba(0, 0, 0, 0.6);
-}
-.p-slidemenu .p-slidemenu-separator {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- margin: 0.5rem 0;
-}
-.p-slidemenu .p-slidemenu-icon {
- font-size: 0.875rem;
-}
-.p-slidemenu .p-slidemenu-backward {
- padding: 1rem 1rem;
- color: rgba(0, 0, 0, 0.87);
-}
-
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: none;
@@ -5370,7 +5142,6 @@
border-top-left-radius: 4px;
transition: none;
margin: 0 0 -1px 0;
- height: calc(100% + 1px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
@@ -5399,61 +5170,73 @@
border-radius: 4px;
width: 12.5rem;
}
-.p-tieredmenu .p-menuitem-link {
- padding: 1rem 1rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87);
-}
-.p-tieredmenu .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 {
- color: rgba(0, 0, 0, 0.6);
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04);
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87);
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.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-active > .p-menuitem-link {
- background: rgba(0, 0, 0, 0.04);
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(0, 0, 0, 0.87);
+ transition: none;
+ border-radius: 0;
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 1rem 1rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .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 > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(0, 0, 0, 0.6);
}
-.p-tieredmenu .p-menu-separator {
+.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.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ 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: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-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-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: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: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: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-menuitem-separator {
border-top: 1px solid rgba(0, 0, 0, 0.12);
margin: 0.5rem 0;
}
@@ -5765,9 +5548,6 @@
background: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.87);
}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- transition: none;
-}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
@@ -5841,6 +5621,48 @@
border: 2px solid #ffffff;
}
+.p-badge {
+ background: #3F51B5;
+ color: #ffffff;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #ff4081;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #689F38;
+ color: #ffffff;
+}
+.p-badge.p-badge-info {
+ background-color: #2196F3;
+ color: #ffffff;
+}
+.p-badge.p-badge-warning {
+ background-color: #FBC02D;
+ color: #212529;
+}
+.p-badge.p-badge-danger {
+ background-color: #D32F2F;
+ color: #ffffff;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
.p-chip {
background-color: rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
@@ -5862,9 +5684,9 @@
margin-right: 0.5rem;
}
.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
border-radius: 4px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-left: 0.5rem;
}
.p-chip .p-chip-remove-icon:focus {
outline: 0 none;
@@ -5872,6 +5694,37 @@
box-shadow: none;
}
+.p-inplace .p-inplace-display {
+ padding: 1rem 1rem;
+ border-radius: 4px;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 4px;
+ background: rgba(63, 81, 181, 0.32);
+ border-radius: 4px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #3F51B5;
+}
+.p-progressbar .p-progressbar-label {
+ color: #ffffff;
+ line-height: 4px;
+}
+
.p-scrolltop {
width: 3rem;
height: 3rem;
@@ -5927,37 +5780,6 @@
font-size: 0.75rem;
}
-.p-inplace .p-inplace-display {
- padding: 1rem 1rem;
- border-radius: 4px;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
-}
-.p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87);
-}
-.p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-
-.p-progressbar {
- border: 0 none;
- height: 4px;
- background: rgba(63, 81, 181, 0.32);
- border-radius: 4px;
-}
-.p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #3F51B5;
-}
-.p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 4px;
-}
-
.p-terminal {
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
@@ -5969,73 +5791,6 @@
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
}
-.p-badge {
- background: #3F51B5;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
-}
-.p-badge.p-badge-secondary {
- background-color: #ff4081;
- color: #ffffff;
-}
-.p-badge.p-badge-success {
- background-color: #689F38;
- color: #ffffff;
-}
-.p-badge.p-badge-info {
- background-color: #2196F3;
- color: #ffffff;
-}
-.p-badge.p-badge-warning {
- background-color: #FBC02D;
- color: #212529;
-}
-.p-badge.p-badge-danger {
- background-color: #D32F2F;
- color: #ffffff;
-}
-.p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
-}
-.p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
-}
-
-.p-tag {
- background: #3F51B5;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 4px;
-}
-.p-tag.p-tag-success {
- background-color: #689F38;
- color: #ffffff;
-}
-.p-tag.p-tag-info {
- background-color: #2196F3;
- color: #ffffff;
-}
-.p-tag.p-tag-warning {
- background-color: #FBC02D;
- color: #212529;
-}
-.p-tag.p-tag-danger {
- background-color: #D32F2F;
- color: #ffffff;
-}
-
.p-accordion .p-accordion-tab {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;
@@ -6168,19 +5923,19 @@
.p-button.p-button-icon-only {
min-width: auto;
}
-.p-button:enabled:focus, .p-button:not(button):not(a):not(.p-disabled):focus {
+.p-button:enabled:focus {
background: rgba(63, 81, 181, 0.76);
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: rgba(63, 81, 181, 0.68);
}
.p-button .p-ink {
background-color: rgba(255, 255, 255, 0.32);
}
-.p-button.p-button-text:enabled:focus, .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-outlined:enabled:focus, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus {
background: rgba(63, 81, 181, 0.12);
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active {
background: rgba(63, 81, 181, 0.16);
}
.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink {
@@ -6209,103 +5964,103 @@
color: rgba(0, 0, 0, 0.38) !important;
border-color: rgba(0, 0, 0, 0.38) !important;
}
-.p-button.p-button-raised:enabled:focus, .p-button.p-button-raised:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-raised:enabled:focus {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
background: rgba(255, 64, 129, 0.76);
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: rgba(255, 64, 129, 0.68);
}
-.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:focus, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus {
background: rgba(255, 64, 129, 0.12);
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(255, 64, 129, 0.16);
}
-.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-secondary.p-button-text .p-ink, .p-fileupload-choose.p-button-secondary.p-button-outlined .p-ink {
+.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink {
background-color: rgba(255, 64, 129, 0.16);
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
background: rgba(33, 150, 243, 0.76);
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: rgba(33, 150, 243, 0.68);
}
-.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info.p-button-text:enabled:focus, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus {
background: rgba(33, 150, 243, 0.12);
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(33, 150, 243, 0.16);
}
-.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-info.p-button-text .p-ink, .p-fileupload-choose.p-button-info.p-button-outlined .p-ink {
+.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink {
background-color: rgba(33, 150, 243, 0.16);
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
background: rgba(104, 159, 56, 0.76);
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: rgba(104, 159, 56, 0.68);
}
-.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success.p-button-text:enabled:focus, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus {
background: rgba(104, 159, 56, 0.12);
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(104, 159, 56, 0.16);
}
-.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-success.p-button-text .p-ink, .p-fileupload-choose.p-button-success.p-button-outlined .p-ink {
+.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink {
background-color: rgba(104, 159, 56, 0.16);
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
background: rgba(251, 192, 45, 0.76);
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: rgba(251, 192, 45, 0.68);
}
-.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning.p-button-text:enabled:focus, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus {
background: rgba(251, 192, 45, 0.12);
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(251, 192, 45, 0.16);
}
-.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-warning.p-button-text .p-ink, .p-fileupload-choose.p-button-warning.p-button-outlined .p-ink {
+.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink {
background-color: rgba(251, 192, 45, 0.16);
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
background: rgba(156, 39, 176, 0.76);
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: rgba(156, 39, 176, 0.68);
}
-.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help.p-button-text:enabled:focus, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus {
background: rgba(156, 39, 176, 0.12);
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(156, 39, 176, 0.16);
}
-.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-help.p-button-text .p-ink, .p-fileupload-choose.p-button-help.p-button-outlined .p-ink {
+.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink {
background-color: rgba(156, 39, 176, 0.16);
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
background: rgba(211, 47, 47, 0.76);
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: rgba(211, 47, 47, 0.68);
}
-.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger.p-button-text:enabled:focus, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus {
background: rgba(211, 47, 47, 0.12);
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(211, 47, 47, 0.16);
}
-.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-danger.p-button-text .p-ink, .p-fileupload-choose.p-button-danger.p-button-outlined .p-ink {
+.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink {
background-color: rgba(211, 47, 47, 0.16);
}
@@ -6339,13 +6094,19 @@
.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled {
background-color: transparent !important;
}
-.p-calendar-w-btn:not(.p-disabled):hover {
+.p-calendar-w-btn:not(.p-calendar-disabled):hover {
border-color: rgba(0, 0, 0, 0.87);
}
-.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+.p-calendar-w-btn:not(.p-calendar-disabled).p-inputwrapper-focus {
border-color: #3F51B5;
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-calendar-w-btn.p-calendar-disabled {
+ opacity: 0.38;
+}
+.p-calendar-w-btn.p-calendar-disabled .p-inputtext {
+ opacity: 1;
+}
.p-datepicker .p-datepicker-header {
border-bottom: 0 none;
@@ -6400,18 +6161,18 @@
background-image: none;
background: transparent;
}
-.p-input-filled .p-calendar-w-btn:not(.p-disabled):hover {
+.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
-.p-input-filled .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
-.p-input-filled .p-calendar-w-btn .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:focus {
+.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
@@ -6441,9 +6202,7 @@
box-shadow: none;
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,
-.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext {
border: 0 none;
background-image: none;
}
@@ -6501,6 +6260,7 @@
background-image: none;
background: transparent;
}
+
.p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label {
padding-top: 1.5rem;
padding-bottom: 0.5rem;
@@ -6657,6 +6417,13 @@
box-shadow: 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-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(0, 0, 0, 0.12);
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ background: rgba(0, 0, 0, 0.12);
+}
+
.p-datatable .p-sortable-column {
outline: 0 none;
}
@@ -6853,9 +6620,7 @@
}
.p-input-filled .p-inputgroup-addon:first-child,
.p-input-filled .p-inputgroup button:first-child,
-.p-input-filled .p-inputgroup input:first-child,
-.p-input-filled .p-inputgroup > .p-inputwrapper:first-child,
-.p-input-filled .p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
+.p-input-filled .p-inputgroup input:first-child {
border-bottom-left-radius: 0;
}
.p-input-filled .p-inputgroup .p-float-label:first-child input {
@@ -6863,9 +6628,7 @@
}
.p-input-filled .p-inputgroup-addon:last-child,
.p-input-filled .p-inputgroup button:last-child,
-.p-input-filled .p-inputgroup input:last-child,
-.p-input-filled .p-inputgroup > .p-inputwrapper:last-child,
-.p-input-filled .p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
+.p-input-filled .p-inputgroup input:last-child {
border-bottom-right-radius: 0;
}
.p-input-filled .p-inputgroup .p-float-label:last-child input {
@@ -6896,13 +6659,13 @@
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before {
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), 0 0 1px 10px rgba(0, 0, 0, 0.04);
}
-.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
+.p-inputswitch.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before {
box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
-.p-inputswitch.p-inputswitch-checked.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
+.p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
@@ -6960,15 +6723,24 @@
background: rgba(63, 81, 181, 0.24);
}
-.p-megamenu .p-menuitem .p-menuitem-link:focus {
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(0, 0, 0, 0.12);
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
background: rgba(0, 0, 0, 0.12);
}
-.p-menu .p-menuitem .p-menuitem-link:focus {
+.p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(0, 0, 0, 0.12);
+}
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
background: rgba(0, 0, 0, 0.12);
}
-.p-menubar .p-menuitem .p-menuitem-link:focus {
+.p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(0, 0, 0, 0.12);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
background: rgba(0, 0, 0, 0.12);
}
@@ -6992,7 +6764,7 @@
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus.p-highlight {
background: rgba(63, 81, 181, 0.24);
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+.p-multiselect-panel .p-multiselect-close:focus {
background: rgba(0, 0, 0, 0.12);
}
@@ -7069,10 +6841,6 @@
box-shadow: 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;
-}
-
.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
background: rgba(0, 0, 0, 0.12);
}
@@ -7080,6 +6848,10 @@
background: rgba(63, 81, 181, 0.24);
}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 1.5rem;
+}
+
.p-paginator {
justify-content: flex-end;
}
@@ -7126,6 +6898,26 @@
background: rgba(0, 0, 0, 0.12);
}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
+ order: 1;
+ margin-left: auto;
+ margin-right: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-disabled {
+ opacity: 1;
+}
+.p-panelmenu .p-panelmenu-header.p-disabled .p-panelmenu-header-content > * {
+ opacity: 0.38;
+}
+.p-panelmenu .p-panelmenu-header:focus .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-header.p-highlight:focus .p-panelmenu-header-content {
+ background: #f6f6f6;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ 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 {
+ background: rgba(0, 0, 0, 0.12);
+}
.p-panelmenu .p-panelmenu-panel {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;
@@ -7141,23 +6933,6 @@
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
-.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon {
- order: 1;
- margin-left: auto;
- margin-right: 0;
-}
-.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled {
- opacity: 1;
-}
-.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * {
- opacity: 0.38;
-}
-.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus {
- background: #f6f6f6;
-}
-.p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus {
- background: rgba(0, 0, 0, 0.12);
-}
.p-picklist .p-picklist-list .p-picklist-item:focus {
background: rgba(0, 0, 0, 0.12);
@@ -7169,10 +6944,32 @@
.p-progressbar {
border-radius: 0;
}
-.p-progressbar .p-progressbar-label {
+.p-progressbar.p-progressbar-determinate .p-progressbar-label {
display: none;
}
+.p-rating {
+ gap: 0;
+}
+.p-rating .p-rating-item {
+ border-radius: 50%;
+ width: 2rem;
+ height: 2rem;
+ justify-content: center;
+}
+.p-rating .p-rating-item.p-focus {
+ background: rgba(63, 81, 181, 0.12);
+}
+.p-rating .p-rating-item.p-focus.p-rating-cancel-item {
+ background: rgba(176, 0, 32, 0.12);
+}
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover {
+ background-color: rgba(0, 0, 0, 0.04);
+}
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item {
+ background: rgba(176, 0, 32, 0.04);
+}
+
.p-radiobutton {
border-radius: 50%;
transition: box-shadow 0.2s;
@@ -7206,26 +7003,8 @@
background-color: #ffffff;
}
-.p-rating {
- gap: 0;
-}
-.p-rating .p-rating-item {
- border-radius: 50%;
- width: 2rem;
- height: 2rem;
- justify-content: center;
-}
-.p-rating .p-rating-item:focus {
- background: rgba(63, 81, 181, 0.12);
-}
-.p-rating .p-rating-item:focus.p-rating-cancel-item {
- background: rgba(176, 0, 32, 0.12);
-}
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover {
- background-color: rgba(0, 0, 0, 0.04);
-}
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item {
- background: rgba(176, 0, 32, 0.04);
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ box-shadow: 0 0 1px 4px rgba(255, 64, 129, 0.2);
}
.p-selectbutton .p-button:focus {
@@ -7237,10 +7016,6 @@
border-color: #d9d8d9;
}
-.p-slidemenu .p-menuitem-link:focus {
- background: rgba(0, 0, 0, 0.12);
-}
-
.p-slider .p-slider-handle {
transition: transform 0.2s, box-shadow 0.2s;
transform: scale(0.7);
@@ -7326,6 +7101,17 @@
background: rgba(211, 47, 47, 0.16);
}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ transition: transform 0.2s, box-shadow 0.2s;
+ transform: scale(0.7);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ box-shadow: 0 0 1px 6px rgba(255, 64, 129, 0.2);
+}
+.p-splitter .p-splitter-gutter.p-splitter-gutter-resizing .p-splitter-gutter-handle {
+ transform: scale(1);
+}
+
.p-steps {
padding: 1rem 0;
}
@@ -7402,7 +7188,10 @@
transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
}
-.p-tieredmenu .p-menuitem-link:focus {
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(0, 0, 0, 0.12);
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
background: rgba(0, 0, 0, 0.12);
}
diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css
index ce45f02..2b37d39 100644
--- a/public/themes/mdc-dark-deeppurple/theme.css
+++ b/public/themes/mdc-dark-deeppurple/theme.css
@@ -40,8 +40,8 @@
--surface-overlay:#262626;
--surface-border:hsla(0,0%,100%,.12);
--surface-hover:hsla(0,0%,100%,.04);
- --maskbg: rgba(0, 0, 0, 0.32);
--focus-ring: none;
+ --maskbg: rgba(0, 0, 0, 0.32);
color-scheme: dark;
}
@@ -265,18 +265,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3rem;
}
-.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.375rem 0.75rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: rgba(255, 255, 255, 0.6);
}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #CE93D8;
}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.375rem 0.75rem;
+ gap: 0.5rem;
+}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.375rem 0;
}
@@ -289,14 +290,17 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8;
- border-radius: 4px;
+ background: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: rgba(255, 255, 255, 0.24);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
@@ -320,14 +324,21 @@
transition: none;
border-radius: 0;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
-}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #CE93D8;
background: rgba(206, 147, 216, 0.16);
}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: rgba(206, 147, 216, 0.24);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem;
@@ -518,10 +529,10 @@
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
+ border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
- border-left: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.04);
@@ -609,22 +620,24 @@
transition: none;
border-radius: 0;
}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.75rem 0.75rem;
-}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #CE93D8;
background: rgba(206, 147, 216, 0.16);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: rgba(206, 147, 216, 0.24);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.12);
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.75rem 0.75rem;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@@ -661,11 +674,6 @@
border-color: #CE93D8;
background: #CE93D8;
}
-.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
- border-color: #CE93D8;
- background: #CE93D8;
- color: #121212;
-}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: rgba(255, 255, 255, 0.6);
}
@@ -697,24 +705,28 @@
background: #CE93D8;
}
-.p-chips .p-chips-multiple-container {
- padding: 0.375rem 0.75rem;
-}
-.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: rgba(255, 255, 255, 0.6);
}
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #CE93D8;
}
+.p-chips .p-chips-multiple-container {
+ padding: 0.375rem 0.75rem;
+}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8;
- border-radius: 4px;
+ background: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: rgba(255, 255, 255, 0.24);
+ color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@@ -776,7 +788,7 @@
.p-dropdown .p-dropdown-label.p-placeholder {
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown .p-dropdown-label:enabled:focus {
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
@@ -819,13 +831,6 @@
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
- padding-right: 3.5rem;
- margin-right: -3.5rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
- right: 2.5rem;
-}
.p-dropdown-panel .p-dropdown-items {
padding: 0;
}
@@ -842,6 +847,13 @@
color: #CE93D8;
background: rgba(206, 147, 216, 0.16);
}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: rgba(206, 147, 216, 0.24);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.12);
+}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
@@ -1083,7 +1095,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: rgba(206, 147, 216, 0.5);
}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
+.p-inputswitch.p-invalid {
border-color: #f44435;
}
@@ -1125,13 +1137,11 @@
transition-duration: 0.2s;
}
-.p-float-label > label.p-error {
+.p-float-label > .p-invalid + label {
color: #f44435;
}
-.p-input-icon-left > i:first-of-type,
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1144,9 +1154,7 @@
left: 2.5rem;
}
-.p-input-icon-right > i:last-of-type,
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1196,6 +1204,7 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 4px;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-listbox .p-listbox-header {
padding: 0.75rem;
@@ -1215,6 +1224,7 @@
}
.p-listbox .p-listbox-list {
padding: 0;
+ outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
@@ -1228,11 +1238,6 @@
color: #CE93D8;
background: rgba(206, 147, 216, 0.16);
}
-.p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 0.75rem;
@@ -1245,42 +1250,27 @@
color: rgba(255, 255, 255, 0.87);
background: transparent;
}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: rgba(206, 147, 216, 0.24);
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.12);
+}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #CE93D8;
+}
.p-listbox.p-invalid {
border-color: #f44435;
}
-.p-mention-panel {
- background: #2b2b2b;
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
-}
-.p-mention-panel .p-mention-items {
- padding: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item {
- margin: 0;
- padding: 0.75rem 0.75rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
-}
-.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
- color: #CE93D8;
- background: rgba(206, 147, 216, 0.16);
-}
-
.p-multiselect {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
@@ -1296,9 +1286,6 @@
box-shadow: none;
border-color: #CE93D8;
}
-.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.75rem;
-}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@@ -1309,9 +1296,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8;
- border-radius: 4px;
+ background: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
@@ -1323,10 +1310,6 @@
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
-.p-multiselect .p-multiselect-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 2.357rem;
-}
.p-multiselect.p-invalid.p-component {
border-color: #f44435;
}
@@ -1334,12 +1317,6 @@
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.375rem 0.75rem;
}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
- padding: 0.75rem 0.75rem;
-}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.75rem;
-}
.p-multiselect-panel {
background: #2b2b2b;
@@ -1357,9 +1334,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
- margin: 0 0.5rem;
-}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.75rem;
}
@@ -1367,7 +1341,11 @@
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);
}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
@@ -1402,15 +1380,17 @@
color: #CE93D8;
background: rgba(206, 147, 216, 0.16);
}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: rgba(206, 147, 216, 0.24);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.12);
+}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
@@ -1462,15 +1442,7 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #C5E1A5;
}
-.p-password-panel .p-password-info.weak {
- color: #EF9A9A;
-}
-.p-password-panel .p-password-info.medium {
- color: #FFF59D;
-}
-.p-password-panel .p-password-info.strong {
- color: #C5E1A5;
-}
+
.p-radiobutton {
width: 20px;
height: 20px;
@@ -1539,10 +1511,11 @@
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #f44435;
}
-.p-rating .p-rating-item:focus {
+.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
+ border-color: #CE93D8;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #CE93D8;
@@ -1686,50 +1659,6 @@
border-radius: 4px;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
-.p-treeselect-panel .p-treeselect-header {
- padding: 0.75rem;
- border-bottom: 1px solid rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- background: #2b2b2b;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
- margin-right: 0.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
- padding-right: 1.75rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 3.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 2.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- 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: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
@@ -1759,6 +1688,12 @@
.p-togglebutton.p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #CE93D8;
+}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: #373737;
border-color: rgba(255, 255, 255, 0.12);
@@ -1799,12 +1734,12 @@
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
border-radius: 4px;
}
-.p-button:enabled:hover, .p-button:not(button):not(a):not(.p-disabled):hover {
+.p-button:enabled:hover {
background: rgba(206, 147, 216, 0.92);
color: #121212;
border-color: transparent;
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: rgba(206, 147, 216, 0.68);
color: #121212;
border-color: transparent;
@@ -1812,27 +1747,27 @@
.p-button.p-button-outlined {
background-color: transparent;
color: #CE93D8;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined:enabled:hover {
background: rgba(206, 147, 216, 0.04);
color: #CE93D8;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined:enabled:active {
background: rgba(206, 147, 216, 0.16);
color: #CE93D8;
- border: 0 none;
+ border: 0px none;
}
.p-button.p-button-outlined.p-button-plain {
color: rgba(255, 255, 255, 0.6);
border-color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:hover, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:active, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1841,12 +1776,12 @@
color: #CE93D8;
border-color: transparent;
}
-.p-button.p-button-text:enabled:hover, .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text:enabled:hover {
background: rgba(206, 147, 216, 0.04);
color: #CE93D8;
border-color: transparent;
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active {
background: rgba(206, 147, 216, 0.16);
color: #CE93D8;
border-color: transparent;
@@ -1854,11 +1789,11 @@
.p-button.p-button-text.p-button-plain {
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:hover, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:active, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1867,6 +1802,9 @@
outline-offset: 0;
box-shadow: none;
}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1919,20 +1857,11 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
+.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
- margin-right: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
- margin-top: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
- margin-bottom: 0.5rem;
-}
.p-button.p-button-loading-label-only .p-button-loading-icon {
- margin: 0;
+ margin-right: 0;
}
.p-fluid .p-button {
@@ -1948,295 +1877,295 @@
flex: 1;
}
-.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 {
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #121212;
background: #A5D6A7;
border: 0 none;
}
-.p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary:enabled:hover, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: rgba(165, 214, 167, 0.92);
color: #121212;
border-color: transparent;
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: rgba(165, 214, 167, 0.68);
color: #121212;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #A5D6A7;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(165, 214, 167, 0.04);
color: #A5D6A7;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(165, 214, 167, 0.16);
color: #A5D6A7;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #A5D6A7;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-text:enabled:hover, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(165, 214, 167, 0.04);
border-color: transparent;
color: #A5D6A7;
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(165, 214, 167, 0.16);
border-color: transparent;
color: #A5D6A7;
}
-.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #212121;
background: #90CAF9;
border: 0 none;
}
-.p-button.p-button-info:enabled:hover, .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info:enabled:hover, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: rgba(144, 202, 249, 0.92);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: rgba(144, 202, 249, 0.68);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #90CAF9;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-info.p-button-outlined:enabled:hover, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(144, 202, 249, 0.04);
color: #90CAF9;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(144, 202, 249, 0.16);
color: #90CAF9;
- border: 0 none;
+ border: 0px 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 {
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #90CAF9;
border-color: transparent;
}
-.p-button.p-button-info.p-button-text:enabled:hover, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(144, 202, 249, 0.04);
border-color: transparent;
color: #90CAF9;
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(144, 202, 249, 0.16);
border-color: transparent;
color: #90CAF9;
}
-.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #212121;
background: #C5E1A5;
border: 0 none;
}
-.p-button.p-button-success:enabled:hover, .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success:enabled:hover, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: rgba(197, 225, 165, 0.92);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: rgba(197, 225, 165, 0.68);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #C5E1A5;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-success.p-button-outlined:enabled:hover, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(197, 225, 165, 0.04);
color: #C5E1A5;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(197, 225, 165, 0.16);
color: #C5E1A5;
- border: 0 none;
+ border: 0px 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 {
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #C5E1A5;
border-color: transparent;
}
-.p-button.p-button-success.p-button-text:enabled:hover, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(197, 225, 165, 0.04);
border-color: transparent;
color: #C5E1A5;
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(197, 225, 165, 0.16);
border-color: transparent;
color: #C5E1A5;
}
-.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212121;
background: #FFF59D;
border: 0 none;
}
-.p-button.p-button-warning:enabled:hover, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning:enabled:hover, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: rgba(255, 245, 157, 0.92);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: rgba(255, 245, 157, 0.68);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #FFF59D;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(255, 245, 157, 0.04);
color: #FFF59D;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(255, 245, 157, 0.16);
color: #FFF59D;
- border: 0 none;
+ border: 0px 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 {
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #FFF59D;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-text:enabled:hover, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(255, 245, 157, 0.04);
border-color: transparent;
color: #FFF59D;
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(255, 245, 157, 0.16);
border-color: transparent;
color: #FFF59D;
}
-.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #212121;
background: #CE93D8;
border: 0 none;
}
-.p-button.p-button-help:enabled:hover, .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help:enabled:hover, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: rgba(206, 147, 216, 0.92);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: rgba(206, 147, 216, 0.68);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #CE93D8;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-help.p-button-outlined:enabled:hover, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(206, 147, 216, 0.04);
color: #CE93D8;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(206, 147, 216, 0.16);
color: #CE93D8;
- border: 0 none;
+ border: 0px 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 {
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #CE93D8;
border-color: transparent;
}
-.p-button.p-button-help.p-button-text:enabled:hover, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(206, 147, 216, 0.04);
border-color: transparent;
color: #CE93D8;
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(206, 147, 216, 0.16);
border-color: transparent;
color: #CE93D8;
}
-.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #212121;
background: #EF9A9A;
border: 0 none;
}
-.p-button.p-button-danger:enabled:hover, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger:enabled:hover, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: rgba(239, 154, 154, 0.92);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: rgba(239, 154, 154, 0.68);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #EF9A9A;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(239, 154, 154, 0.04);
color: #EF9A9A;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(239, 154, 154, 0.16);
color: #EF9A9A;
- border: 0 none;
+ border: 0px 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 {
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #EF9A9A;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-text:enabled:hover, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(239, 154, 154, 0.04);
border-color: transparent;
color: #EF9A9A;
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(239, 154, 154, 0.16);
border-color: transparent;
color: #EF9A9A;
@@ -2247,32 +2176,96 @@
background: transparent;
border: transparent;
}
-.p-button.p-button-link:enabled:hover, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-link:enabled:hover {
background: transparent;
color: #CE93D8;
border-color: transparent;
}
-.p-button.p-button-link:enabled:hover .p-button-label, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
+.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
-.p-button.p-button-link:enabled:focus, .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: none;
border-color: transparent;
}
-.p-button.p-button-link:enabled:active, .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-link:enabled:active {
background: transparent;
color: #CE93D8;
border-color: transparent;
}
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 2rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: #A5D6A7;
+ color: #212121;
+}
+.p-speeddial-action:hover {
+ background: rgba(165, 214, 167, 0.92);
+ color: #212121;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.32);
+}
+
.p-splitbutton {
border-radius: 4px;
}
.p-splitbutton.p-button-outlined > .p-button {
background-color: transparent;
color: #CE93D8;
- border: 0 none;
+ border: 0px none;
}
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(206, 147, 216, 0.04);
@@ -2347,7 +2340,7 @@
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
background-color: transparent;
color: #A5D6A7;
- border: 0 none;
+ border: 0px none;
}
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(165, 214, 167, 0.04);
@@ -2376,7 +2369,7 @@
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
background-color: transparent;
color: #90CAF9;
- border: 0 none;
+ border: 0px none;
}
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(144, 202, 249, 0.04);
@@ -2405,7 +2398,7 @@
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
background-color: transparent;
color: #C5E1A5;
- border: 0 none;
+ border: 0px none;
}
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(197, 225, 165, 0.04);
@@ -2434,7 +2427,7 @@
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
background-color: transparent;
color: #FFF59D;
- border: 0 none;
+ border: 0px none;
}
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(255, 245, 157, 0.04);
@@ -2463,7 +2456,7 @@
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
background-color: transparent;
color: #CE93D8;
- border: 0 none;
+ border: 0px none;
}
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(206, 147, 216, 0.04);
@@ -2492,7 +2485,7 @@
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
background-color: transparent;
color: #EF9A9A;
- border: 0 none;
+ border: 0px none;
}
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(239, 154, 154, 0.04);
@@ -2518,70 +2511,6 @@
color: #EF9A9A;
}
-.p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
-}
-.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 2rem;
-}
-
-.p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #A5D6A7;
- color: #212121;
-}
-.p-speeddial-action:hover {
- background: rgba(165, 214, 167, 0.92);
- color: #212121;
-}
-
-.p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
-}
-
-.p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
-}
-
-.p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
-}
-
-.p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
-}
-
-.p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
-}
-.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
-}
-
-.p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.32);
-}
-
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
@@ -2664,7 +2593,7 @@
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 0.75rem 0.75rem;
- border: 1px solid 3404040;
+ border: 1px solid #404040;
border-width: 0 0 1px 0;
font-weight: 500;
color: rgba(255, 255, 255, 0.87);
@@ -2683,11 +2612,11 @@
background: rgba(206, 147, 216, 0.16);
margin-left: 0.5rem;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.6);
}
.p-datatable .p-sortable-column.p-highlight {
@@ -2697,11 +2626,11 @@
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column.p-highlight:hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-datatable .p-sortable-column:focus {
@@ -2753,9 +2682,9 @@
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 500;
}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8;
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid transparent;
+ outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: rgba(206, 147, 216, 0.16);
@@ -2767,23 +2696,7 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 rgba(206, 147, 216, 0.16);
}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
- outline: 0.15rem solid transparent;
- 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: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
- outline: 0.15rem solid transparent;
- outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
@@ -2823,22 +2736,31 @@
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #222222;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: rgba(206, 147, 216, 0.16);
color: #CE93D8;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #CE93D8;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #CE93D8;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
- background: #222222;
-}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.375rem 0.375rem;
}
@@ -2870,10 +2792,6 @@
padding: 0.9375rem 0.9375rem;
}
-.p-datatable-drag-selection-helper {
- background: rgba(206, 147, 216, 0.16);
-}
-
.p-dataview .p-paginator-top {
border-width: 0 0 1px 0;
border-radius: 0;
@@ -2910,46 +2828,6 @@
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
-.p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
-}
-
-.p-datascroller .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-datascroller-header {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid rgba(255, 255, 255, 0.12);
- border-width: 0 0 1px 0;
- padding: 0.75rem 0.75rem;
- font-weight: 500;
-}
-.p-datascroller .p-datascroller-content {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- padding: 0.75rem;
-}
-.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
- border: solid rgba(255, 255, 255, 0.12);
- border-width: 0 0 1px 0;
-}
-.p-datascroller .p-datascroller-footer {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #404040;
- border-width: 0 0 1px 0;
- padding: 0.75rem 0.75rem;
- font-weight: 500;
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px;
-}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
@@ -3375,19 +3253,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-orderlist .p-orderlist-filter-container {
- padding: 0.75rem;
- background: #1e1e1e;
- border: 1px solid rgba(255, 255, 255, 0.12);
- border-bottom: 0 none;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.75rem;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-orderlist .p-orderlist-list {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
@@ -3424,22 +3289,6 @@
background: rgba(255, 255, 255, 0.04);
}
-@media screen and (max-width: 769px) {
- .p-orderlist {
- flex-direction: column;
- }
- .p-orderlist .p-orderlist-controls {
- padding: 0.75rem;
- flex-direction: row;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-controls .p-button:last-child {
- margin-right: 0;
- }
-}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
@@ -3518,6 +3367,7 @@
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
+ margin-right: 0.5rem;
height: 3rem;
}
.p-paginator .p-dropdown .p-dropdown-label {
@@ -3576,19 +3426,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-picklist .p-picklist-filter-container {
- padding: 0.75rem;
- background: #1e1e1e;
- border: 1px solid rgba(255, 255, 255, 0.12);
- border-bottom: 0 none;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.75rem;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-picklist .p-picklist-list {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
@@ -3618,35 +3455,38 @@
color: #CE93D8;
background: rgba(206, 147, 216, 0.16);
}
-
-@media screen and (max-width: 769px) {
- .p-picklist {
- flex-direction: column;
- }
- .p-picklist .p-picklist-buttons {
- padding: 0.75rem;
- flex-direction: row;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-buttons .p-button:last-child {
- margin-right: 0;
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
- content: "\e930";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
- content: "\e92c";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
- content: "\e933";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
- content: "\e92f";
- }
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: rgba(255, 255, 255, 0.02);
}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 0 none;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #bdbdbd;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #bdbdbd;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
.p-tree {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
@@ -3713,10 +3553,6 @@
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
-}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
@@ -3734,12 +3570,6 @@
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
-.p-tree .p-treenode-droppoint {
- height: 0.5rem;
-}
-.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
- background: rgba(182, 94, 197, 0.16);
-}
.p-treetable .p-paginator-top {
border-width: 0 0 1px 0;
@@ -3778,7 +3608,7 @@
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 0.75rem 0.75rem;
- border: 1px solid 3404040;
+ border: 1px solid #404040;
border-width: 0 0 1px 0;
font-weight: 500;
color: rgba(255, 255, 255, 0.87);
@@ -3865,11 +3695,11 @@
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: #CE93D8;
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: rgba(255, 255, 255, 0.87);
}
.p-treetable .p-column-resizer-helper {
@@ -3934,31 +3764,6 @@
padding: 0.9375rem 0.9375rem;
}
-.p-timeline .p-timeline-event-marker {
- border: 0 none;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #bdbdbd;
-}
-.p-timeline .p-timeline-event-connector {
- background-color: #bdbdbd;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
-}
-
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1.25rem;
border: 0 none;
@@ -3974,7 +3779,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: none;
+ box-shadow: inset none;
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: rgba(255, 255, 255, 0.04);
@@ -4028,7 +3833,7 @@
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
-.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-content {
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
@@ -4091,6 +3896,9 @@
outline-offset: 0;
box-shadow: none;
}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: rgba(255, 255, 255, 0.04);
border-color: rgba(255, 255, 255, 0.12);
@@ -4104,8 +3912,8 @@
background-color: #1e1e1e;
}
.p-divider.p-divider-horizontal {
- margin: 1.25rem 0;
- padding: 0 1.25rem;
+ margin: 1rem 0;
+ padding: 0 1rem;
}
.p-divider.p-divider-horizontal:before {
border-top: 1px rgba(255, 255, 255, 0.12);
@@ -4114,8 +3922,8 @@
padding: 0 0.5rem;
}
.p-divider.p-divider-vertical {
- margin: 0 1.25rem;
- padding: 1.25rem 0;
+ margin: 0 1rem;
+ padding: 1rem 0;
}
.p-divider.p-divider-vertical:before {
border-left: 1px rgba(255, 255, 255, 0.12);
@@ -4174,6 +3982,17 @@
border-top: 0 none;
}
+.p-scrollpanel .p-scrollpanel-bar {
+ background: rgba(255, 255, 255, 0.12);
+ border: 0 none;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+
.p-splitter {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
@@ -4186,16 +4005,17 @@
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: rgba(255, 255, 255, 0.12);
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
}
.p-splitter .p-splitter-gutter-resizing {
background: rgba(255, 255, 255, 0.12);
}
-.p-scrollpanel .p-scrollpanel-bar {
- background: rgba(255, 255, 255, 0.12);
- border: 0 none;
-}
-
.p-tabview .p-tabview-nav {
background: transparent;
border: solid rgba(255, 255, 255, 0.12);
@@ -4232,9 +4052,6 @@
border-color: rgba(255, 255, 255, 0.12);
color: #CE93D8;
}
-.p-tabview .p-tabview-close {
- margin-left: 0.5rem;
-}
.p-tabview .p-tabview-nav-btn.p-link {
background: transparent;
color: #CE93D8;
@@ -4487,9 +4304,12 @@
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
+ gap: 0.5rem;
}
-.p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
}
.p-fileupload .p-fileupload-content {
background: #1e1e1e;
@@ -4499,6 +4319,22 @@
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 4px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
.p-fileupload .p-progressbar {
height: 4px;
}
@@ -4509,35 +4345,46 @@
margin-top: 0;
}
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: rgba(206, 147, 216, 0.92);
+ color: #121212;
+ border-color: transparent;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: rgba(206, 147, 216, 0.68);
+ color: #121212;
+ border-color: transparent;
+}
+
.p-breadcrumb {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 4px;
padding: 0.75rem;
}
-.p-breadcrumb ul li .p-menuitem-link {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: none;
border-radius: 4px;
}
-.p-breadcrumb ul li .p-menuitem-link:focus {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
-.p-breadcrumb ul li:last-child .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
@@ -4550,39 +4397,8 @@
border-radius: 4px;
width: 12.5rem;
}
-.p-contextmenu .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .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 {
- 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-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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-link:focus {
+.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
}
.p-contextmenu .p-submenu-list {
padding: 0.5rem 0;
@@ -4591,16 +4407,59 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.04);
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: none;
+ border-radius: 0;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .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-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.6);
}
-.p-contextmenu .p-menu-separator {
+.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.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.04);
+}
+.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:not(.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: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: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: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-menuitem-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
margin: 0.5rem 0;
}
@@ -4608,78 +4467,71 @@
font-size: 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-action {
+.p-dock .p-dock-item.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-dock .p-dock-link {
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 {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
- .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list {
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
- .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container {
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
- .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
- .p-dock.p-dock-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 {
+ .p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
@@ -4691,90 +4543,60 @@
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;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 4px;
- transition: none;
- user-select: none;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .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 {
- 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 {
- 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.04);
-}
-.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.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 {
+.p-megamenu .p-megamenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
}
-.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(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 {
- 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 {
- 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 > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
+ transition: none;
border-radius: 0;
- transition: none;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
user-select: none;
}
-.p-megamenu .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-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-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);
}
-.p-megamenu .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-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-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-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.04);
}
-.p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
+.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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: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: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-megamenu-panel {
background: #2b2b2b;
@@ -4782,7 +4604,7 @@
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 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);
@@ -4791,27 +4613,48 @@
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(255, 255, 255, 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;
}
+.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-menu {
padding: 0.5rem 0;
@@ -4821,39 +4664,57 @@
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 {
+ 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: rgba(255, 255, 255, 0.12);
+}
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ 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;
@@ -4869,7 +4730,7 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
}
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
margin: 0.5rem 0;
}
@@ -4881,89 +4742,89 @@
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 4px;
}
-.p-menubar .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-menubar .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 {
- color: rgba(255, 255, 255, 0.6);
-}
-.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 {
- 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 {
- color: rgba(255, 255, 255, 0.6);
-}
-.p-menubar .p-menuitem-link:focus {
+.p-menubar .p-menubar-root-list {
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-menubar-root-list > .p-menuitem > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- border-radius: 4px;
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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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: none;
+ border-radius: 0;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ user-select: none;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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-menuitem > .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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-.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 {
+.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-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.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-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.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-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.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.04);
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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-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 {
@@ -4973,22 +4834,13 @@
box-shadow: 0 2px 4px -1px rgba(0, 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(255, 255, 255, 0.12);
margin: 0.5rem 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
font-size: 0.875rem;
}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- 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-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);
-}
@media screen and (max-width: 960px) {
.p-menubar {
@@ -5020,56 +4872,22 @@
box-shadow: 0 2px 4px -1px rgba(0, 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: 100%;
}
- .p-menubar .p-menubar-root-list .p-menu-separator {
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
margin: 0.5rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
- .p-menubar .p-menubar-root-list > .p-menuitem {
+ .p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .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 {
- 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 {
- 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:not(.p-disabled):hover .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 {
- 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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5082,26 +4900,26 @@
transition: transform 0.2s;
transform: rotate(90deg);
}
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 5.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 6.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 8.25rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5112,42 +4930,45 @@
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-action {
+ padding: 1.25rem;
+ font-weight: 400;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a:focus {
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .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);
@@ -5163,66 +4984,91 @@
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 {
+ 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 {
+.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: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:not(.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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-.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(255, 255, 255, 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;
}
@@ -5231,80 +5077,6 @@
border-bottom-left-radius: 4px;
}
-.p-slidemenu {
- padding: 0.5rem 0;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid rgba(255, 255, 255, 0.12);
- border-radius: 4px;
- width: 12.5rem;
-}
-.p-slidemenu .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .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 {
- 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:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-.p-slidemenu.p-slidemenu-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-slidemenu .p-slidemenu-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-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
- background: rgba(255, 255, 255, 0.04);
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.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: rgba(255, 255, 255, 0.6);
-}
-.p-slidemenu .p-slidemenu-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- margin: 0.5rem 0;
-}
-.p-slidemenu .p-slidemenu-icon {
- font-size: 0.875rem;
-}
-.p-slidemenu .p-slidemenu-backward {
- padding: 0.75rem 0.75rem;
- color: rgba(255, 255, 255, 0.87);
-}
-
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: none;
@@ -5370,7 +5142,6 @@
border-top-left-radius: 4px;
transition: none;
margin: 0 0 -1px 0;
- height: calc(100% + 1px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
@@ -5399,61 +5170,73 @@
border-radius: 4px;
width: 12.5rem;
}
-.p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .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 {
- 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 {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.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-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.04);
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: none;
+ border-radius: 0;
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .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 .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.6);
}
-.p-tieredmenu .p-menu-separator {
+.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.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.04);
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ 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: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: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-menuitem-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
margin: 0.5rem 0;
}
@@ -5765,9 +5548,6 @@
background: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.87);
}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- transition: none;
-}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
@@ -5841,134 +5621,6 @@
border: 2px solid #1e1e1e;
}
-.p-chip {
- background-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- padding: 0 0.75rem;
-}
-.p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.375rem;
- margin-bottom: 0.375rem;
-}
-.p-chip .p-chip-icon {
- margin-right: 0.5rem;
-}
-.p-chip img {
- width: 2.25rem;
- height: 2.25rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem;
-}
-.p-chip .p-chip-remove-icon {
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-left: 0.5rem;
-}
-.p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-
-.p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-scrolltop.p-link {
- background: #A5D6A7;
-}
-.p-scrolltop.p-link:hover {
- background: rgba(165, 214, 167, 0.92);
-}
-.p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #121212;
-}
-
-.p-skeleton {
- background-color: rgba(255, 255, 255, 0.06);
- border-radius: 4px;
-}
-.p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
-}
-
-.p-tag {
- background: #CE93D8;
- color: #121212;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 4px;
-}
-.p-tag.p-tag-success {
- background-color: #C5E1A5;
- color: #212121;
-}
-.p-tag.p-tag-info {
- background-color: #90CAF9;
- color: #212121;
-}
-.p-tag.p-tag-warning {
- background-color: #FFF59D;
- color: #212121;
-}
-.p-tag.p-tag-danger {
- background-color: #EF9A9A;
- color: #212121;
-}
-.p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem;
-}
-
-.p-inplace .p-inplace-display {
- padding: 1rem 1rem;
- border-radius: 4px;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
-}
-.p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-
-.p-progressbar {
- border: 0 none;
- height: 4px;
- background: rgba(206, 147, 216, 0.32);
- border-radius: 4px;
-}
-.p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #CE93D8;
-}
-.p-progressbar .p-progressbar-label {
- color: #121212;
- line-height: 4px;
-}
-
-.p-terminal {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid rgba(255, 255, 255, 0.12);
- padding: 0.75rem;
-}
-.p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
-}
-
.p-badge {
background: #CE93D8;
color: #121212;
@@ -6011,6 +5663,94 @@
line-height: 3rem;
}
+.p-chip {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+ padding: 0 0.75rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.375rem;
+ margin-bottom: 0.375rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 2.25rem;
+ height: 2.25rem;
+ margin-left: -0.75rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 4px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+
+.p-inplace .p-inplace-display {
+ padding: 1rem 1rem;
+ border-radius: 4px;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 4px;
+ background: rgba(206, 147, 216, 0.32);
+ border-radius: 4px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #CE93D8;
+}
+.p-progressbar .p-progressbar-label {
+ color: #121212;
+ line-height: 4px;
+}
+
+.p-scrolltop {
+ width: 2.75rem;
+ height: 2.75rem;
+ border-radius: 50%;
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: #A5D6A7;
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(165, 214, 167, 0.92);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.15rem;
+ color: #121212;
+}
+
+.p-skeleton {
+ background-color: rgba(255, 255, 255, 0.06);
+ border-radius: 4px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
+}
+
.p-tag {
background: #CE93D8;
color: #121212;
@@ -6035,6 +5775,21 @@
background-color: #EF9A9A;
color: #212121;
}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
+
+.p-terminal {
+ background: #1e1e1e;
+ color: rgba(255, 255, 255, 0.87);
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ padding: 0.75rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
+}
.p-accordion .p-accordion-tab {
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);
@@ -6168,19 +5923,19 @@
.p-button.p-button-icon-only {
min-width: auto;
}
-.p-button:enabled:focus, .p-button:not(button):not(a):not(.p-disabled):focus {
+.p-button:enabled:focus {
background: rgba(206, 147, 216, 0.76);
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: rgba(206, 147, 216, 0.68);
}
.p-button .p-ink {
background-color: rgba(255, 255, 255, 0.32);
}
-.p-button.p-button-text:enabled:focus, .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-outlined:enabled:focus, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus {
background: rgba(206, 147, 216, 0.12);
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active {
background: rgba(206, 147, 216, 0.16);
}
.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink {
@@ -6209,103 +5964,103 @@
color: rgba(255, 255, 255, 0.38) !important;
border-color: rgba(255, 255, 255, 0.38) !important;
}
-.p-button.p-button-raised:enabled:focus, .p-button.p-button-raised:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-raised:enabled:focus {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
background: rgba(165, 214, 167, 0.76);
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: rgba(165, 214, 167, 0.68);
}
-.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:focus, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus {
background: rgba(165, 214, 167, 0.12);
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(165, 214, 167, 0.16);
}
-.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-secondary.p-button-text .p-ink, .p-fileupload-choose.p-button-secondary.p-button-outlined .p-ink {
+.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink {
background-color: rgba(165, 214, 167, 0.16);
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
background: rgba(144, 202, 249, 0.76);
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: rgba(144, 202, 249, 0.68);
}
-.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info.p-button-text:enabled:focus, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus {
background: rgba(144, 202, 249, 0.12);
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(144, 202, 249, 0.16);
}
-.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-info.p-button-text .p-ink, .p-fileupload-choose.p-button-info.p-button-outlined .p-ink {
+.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink {
background-color: rgba(144, 202, 249, 0.16);
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
background: rgba(197, 225, 165, 0.76);
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: rgba(197, 225, 165, 0.68);
}
-.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success.p-button-text:enabled:focus, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus {
background: rgba(197, 225, 165, 0.12);
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(197, 225, 165, 0.16);
}
-.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-success.p-button-text .p-ink, .p-fileupload-choose.p-button-success.p-button-outlined .p-ink {
+.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink {
background-color: rgba(197, 225, 165, 0.16);
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
background: rgba(255, 245, 157, 0.76);
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: rgba(255, 245, 157, 0.68);
}
-.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning.p-button-text:enabled:focus, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus {
background: rgba(255, 245, 157, 0.12);
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(255, 245, 157, 0.16);
}
-.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-warning.p-button-text .p-ink, .p-fileupload-choose.p-button-warning.p-button-outlined .p-ink {
+.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink {
background-color: rgba(255, 245, 157, 0.16);
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
background: rgba(206, 147, 216, 0.76);
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: rgba(206, 147, 216, 0.68);
}
-.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help.p-button-text:enabled:focus, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus {
background: rgba(206, 147, 216, 0.12);
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(206, 147, 216, 0.16);
}
-.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-help.p-button-text .p-ink, .p-fileupload-choose.p-button-help.p-button-outlined .p-ink {
+.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink {
background-color: rgba(206, 147, 216, 0.16);
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
background: rgba(239, 154, 154, 0.76);
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: rgba(239, 154, 154, 0.68);
}
-.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger.p-button-text:enabled:focus, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus {
background: rgba(239, 154, 154, 0.12);
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(239, 154, 154, 0.16);
}
-.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-danger.p-button-text .p-ink, .p-fileupload-choose.p-button-danger.p-button-outlined .p-ink {
+.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink {
background-color: rgba(239, 154, 154, 0.16);
}
@@ -6339,13 +6094,19 @@
.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled {
background-color: transparent !important;
}
-.p-calendar-w-btn:not(.p-disabled):hover {
+.p-calendar-w-btn:not(.p-calendar-disabled):hover {
border-color: rgba(255, 255, 255, 0.6);
}
-.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+.p-calendar-w-btn:not(.p-calendar-disabled).p-inputwrapper-focus {
border-color: #CE93D8;
box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
}
+.p-calendar-w-btn.p-calendar-disabled {
+ opacity: 0.38;
+}
+.p-calendar-w-btn.p-calendar-disabled .p-inputtext {
+ opacity: 1;
+}
.p-datepicker .p-datepicker-header {
border-bottom: 0 none;
@@ -6400,18 +6161,18 @@
background-image: none;
background: transparent;
}
-.p-input-filled .p-calendar-w-btn:not(.p-disabled):hover {
+.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #CE93D8, #CE93D8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
-.p-input-filled .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
-.p-input-filled .p-calendar-w-btn .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:focus {
+.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
@@ -6441,9 +6202,7 @@
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
-.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,
-.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext {
border: 0 none;
background-image: none;
}
@@ -6501,6 +6260,7 @@
background-image: none;
background: transparent;
}
+
.p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label {
padding-top: 1.25rem;
padding-bottom: 0.25rem;
@@ -6657,6 +6417,13 @@
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
+.p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.12);
+}
+
.p-datatable .p-sortable-column {
outline: 0 none;
}
@@ -6853,9 +6620,7 @@
}
.p-input-filled .p-inputgroup-addon:first-child,
.p-input-filled .p-inputgroup button:first-child,
-.p-input-filled .p-inputgroup input:first-child,
-.p-input-filled .p-inputgroup > .p-inputwrapper:first-child,
-.p-input-filled .p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
+.p-input-filled .p-inputgroup input:first-child {
border-bottom-left-radius: 0;
}
.p-input-filled .p-inputgroup .p-float-label:first-child input {
@@ -6863,9 +6628,7 @@
}
.p-input-filled .p-inputgroup-addon:last-child,
.p-input-filled .p-inputgroup button:last-child,
-.p-input-filled .p-inputgroup input:last-child,
-.p-input-filled .p-inputgroup > .p-inputwrapper:last-child,
-.p-input-filled .p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
+.p-input-filled .p-inputgroup input:last-child {
border-bottom-right-radius: 0;
}
.p-input-filled .p-inputgroup .p-float-label:last-child input {
@@ -6896,13 +6659,13 @@
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before {
box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04);
}
-.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
+.p-inputswitch.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
}
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before {
box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
}
-.p-inputswitch.p-inputswitch-checked.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
+.p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
}
@@ -6960,15 +6723,24 @@
background: rgba(206, 147, 216, 0.24);
}
-.p-megamenu .p-menuitem .p-menuitem-link:focus {
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
background: rgba(255, 255, 255, 0.12);
}
-.p-menu .p-menuitem .p-menuitem-link:focus {
+.p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
background: rgba(255, 255, 255, 0.12);
}
-.p-menubar .p-menuitem .p-menuitem-link:focus {
+.p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
background: rgba(255, 255, 255, 0.12);
}
@@ -6992,7 +6764,7 @@
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus.p-highlight {
background: rgba(206, 147, 216, 0.24);
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+.p-multiselect-panel .p-multiselect-close:focus {
background: rgba(255, 255, 255, 0.12);
}
@@ -7069,10 +6841,6 @@
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
-.p-overlaypanel .p-overlaypanel-content {
- padding: 1.5rem;
-}
-
.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
background: rgba(255, 255, 255, 0.12);
}
@@ -7080,6 +6848,10 @@
background: rgba(206, 147, 216, 0.24);
}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 1.5rem;
+}
+
.p-paginator {
justify-content: flex-end;
}
@@ -7126,6 +6898,26 @@
background: rgba(255, 255, 255, 0.12);
}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
+ order: 1;
+ margin-left: auto;
+ margin-right: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-disabled {
+ opacity: 1;
+}
+.p-panelmenu .p-panelmenu-header.p-disabled .p-panelmenu-header-content > * {
+ opacity: 0.38;
+}
+.p-panelmenu .p-panelmenu-header:focus .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-header.p-highlight:focus .p-panelmenu-header-content {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.12);
+}
.p-panelmenu .p-panelmenu-panel {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;
@@ -7141,23 +6933,6 @@
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
-.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon {
- order: 1;
- margin-left: auto;
- margin-right: 0;
-}
-.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled {
- opacity: 1;
-}
-.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * {
- opacity: 0.38;
-}
-.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus {
- background: rgba(255, 255, 255, 0.04);
-}
-.p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus {
- background: rgba(255, 255, 255, 0.12);
-}
.p-picklist .p-picklist-list .p-picklist-item:focus {
background: rgba(255, 255, 255, 0.12);
@@ -7169,10 +6944,32 @@
.p-progressbar {
border-radius: 0;
}
-.p-progressbar .p-progressbar-label {
+.p-progressbar.p-progressbar-determinate .p-progressbar-label {
display: none;
}
+.p-rating {
+ gap: 0;
+}
+.p-rating .p-rating-item {
+ border-radius: 50%;
+ width: 2rem;
+ height: 2rem;
+ justify-content: center;
+}
+.p-rating .p-rating-item.p-focus {
+ background: rgba(206, 147, 216, 0.12);
+}
+.p-rating .p-rating-item.p-focus.p-rating-cancel-item {
+ background: rgba(244, 68, 53, 0.12);
+}
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover {
+ background-color: rgba(0, 0, 0, 0.04);
+}
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item {
+ background: rgba(244, 68, 53, 0.04);
+}
+
.p-radiobutton {
border-radius: 50%;
transition: box-shadow 0.2s;
@@ -7206,26 +7003,8 @@
background-color: #1e1e1e;
}
-.p-rating {
- gap: 0;
-}
-.p-rating .p-rating-item {
- border-radius: 50%;
- width: 2rem;
- height: 2rem;
- justify-content: center;
-}
-.p-rating .p-rating-item:focus {
- background: rgba(206, 147, 216, 0.12);
-}
-.p-rating .p-rating-item:focus.p-rating-cancel-item {
- background: rgba(244, 68, 53, 0.12);
-}
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover {
- background-color: rgba(0, 0, 0, 0.04);
-}
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item {
- background: rgba(244, 68, 53, 0.04);
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ box-shadow: 0 0 1px 4px rgba(165, 214, 167, 0.2);
}
.p-selectbutton .p-button:focus {
@@ -7237,10 +7016,6 @@
border-color: rgba(255, 255, 255, 0.12);
}
-.p-slidemenu .p-menuitem-link:focus {
- background: rgba(255, 255, 255, 0.12);
-}
-
.p-slider .p-slider-handle {
transition: transform 0.2s, box-shadow 0.2s;
transform: scale(0.7);
@@ -7326,6 +7101,17 @@
background: rgba(239, 154, 154, 0.16);
}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ transition: transform 0.2s, box-shadow 0.2s;
+ transform: scale(0.7);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ box-shadow: 0 0 1px 6px rgba(165, 214, 167, 0.2);
+}
+.p-splitter .p-splitter-gutter.p-splitter-gutter-resizing .p-splitter-gutter-handle {
+ transform: scale(1);
+}
+
.p-steps {
padding: 1rem 0;
}
@@ -7402,7 +7188,10 @@
transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
}
-.p-tieredmenu .p-menuitem-link:focus {
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
background: rgba(255, 255, 255, 0.12);
}
diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css
index 3004d55..2d12a1d 100644
--- a/public/themes/mdc-dark-indigo/theme.css
+++ b/public/themes/mdc-dark-indigo/theme.css
@@ -40,8 +40,8 @@
--surface-overlay:#262626;
--surface-border:hsla(0,0%,100%,.12);
--surface-hover:hsla(0,0%,100%,.04);
- --maskbg: rgba(0, 0, 0, 0.32);
--focus-ring: none;
+ --maskbg: rgba(0, 0, 0, 0.32);
color-scheme: dark;
}
@@ -265,18 +265,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3rem;
}
-.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.375rem 0.75rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: rgba(255, 255, 255, 0.6);
}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #9FA8DA;
}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.375rem 0.75rem;
+ gap: 0.5rem;
+}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.375rem 0;
}
@@ -289,14 +290,17 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: rgba(159, 168, 218, 0.16);
- color: #9FA8DA;
- border-radius: 4px;
+ background: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: rgba(255, 255, 255, 0.24);
+ color: rgba(255, 255, 255, 0.87);
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f44435;
}
@@ -320,14 +324,21 @@
transition: none;
border-radius: 0;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
-}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #9FA8DA;
background: rgba(159, 168, 218, 0.16);
}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: rgba(159, 168, 218, 0.24);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.04);
+}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem;
@@ -518,10 +529,10 @@
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
+ border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
- border-left: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.04);
@@ -609,22 +620,24 @@
transition: none;
border-radius: 0;
}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.75rem 0.75rem;
-}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #9FA8DA;
background: rgba(159, 168, 218, 0.16);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: rgba(159, 168, 218, 0.24);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.12);
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.75rem 0.75rem;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@@ -661,11 +674,6 @@
border-color: #9FA8DA;
background: #9FA8DA;
}
-.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
- border-color: #9FA8DA;
- background: #9FA8DA;
- color: #121212;
-}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: rgba(255, 255, 255, 0.6);
}
@@ -697,24 +705,28 @@
background: #9FA8DA;
}
-.p-chips .p-chips-multiple-container {
- padding: 0.375rem 0.75rem;
-}
-.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: rgba(255, 255, 255, 0.6);
}
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #9FA8DA;
}
+.p-chips .p-chips-multiple-container {
+ padding: 0.375rem 0.75rem;
+}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
- background: rgba(159, 168, 218, 0.16);
- color: #9FA8DA;
- border-radius: 4px;
+ background: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: rgba(255, 255, 255, 0.24);
+ color: rgba(255, 255, 255, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@@ -776,7 +788,7 @@
.p-dropdown .p-dropdown-label.p-placeholder {
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown .p-dropdown-label:enabled:focus {
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
@@ -819,13 +831,6 @@
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
- padding-right: 3.5rem;
- margin-right: -3.5rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
- right: 2.5rem;
-}
.p-dropdown-panel .p-dropdown-items {
padding: 0;
}
@@ -842,6 +847,13 @@
color: #9FA8DA;
background: rgba(159, 168, 218, 0.16);
}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: rgba(159, 168, 218, 0.24);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.12);
+}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
@@ -1083,7 +1095,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: rgba(159, 168, 218, 0.5);
}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
+.p-inputswitch.p-invalid {
border-color: #f44435;
}
@@ -1125,13 +1137,11 @@
transition-duration: 0.2s;
}
-.p-float-label > label.p-error {
+.p-float-label > .p-invalid + label {
color: #f44435;
}
-.p-input-icon-left > i:first-of-type,
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1144,9 +1154,7 @@
left: 2.5rem;
}
-.p-input-icon-right > i:last-of-type,
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1196,6 +1204,7 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 4px;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-listbox .p-listbox-header {
padding: 0.75rem;
@@ -1215,6 +1224,7 @@
}
.p-listbox .p-listbox-list {
padding: 0;
+ outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
@@ -1228,11 +1238,6 @@
color: #9FA8DA;
background: rgba(159, 168, 218, 0.16);
}
-.p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 0.75rem;
@@ -1245,42 +1250,27 @@
color: rgba(255, 255, 255, 0.87);
background: transparent;
}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: rgba(159, 168, 218, 0.24);
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.12);
+}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #9FA8DA;
+}
.p-listbox.p-invalid {
border-color: #f44435;
}
-.p-mention-panel {
- background: #2b2b2b;
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
-}
-.p-mention-panel .p-mention-items {
- padding: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item {
- margin: 0;
- padding: 0.75rem 0.75rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
-}
-.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
- color: #9FA8DA;
- background: rgba(159, 168, 218, 0.16);
-}
-
.p-multiselect {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.3);
@@ -1296,9 +1286,6 @@
box-shadow: none;
border-color: #9FA8DA;
}
-.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.75rem;
-}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@@ -1309,9 +1296,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
- background: rgba(159, 168, 218, 0.16);
- color: #9FA8DA;
- border-radius: 4px;
+ background: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
@@ -1323,10 +1310,6 @@
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
-.p-multiselect .p-multiselect-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 2.357rem;
-}
.p-multiselect.p-invalid.p-component {
border-color: #f44435;
}
@@ -1334,12 +1317,6 @@
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.375rem 0.75rem;
}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
- padding: 0.75rem 0.75rem;
-}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.75rem;
-}
.p-multiselect-panel {
background: #2b2b2b;
@@ -1357,9 +1334,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
- margin: 0 0.5rem;
-}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.75rem;
}
@@ -1367,7 +1341,11 @@
right: 0.75rem;
color: rgba(255, 255, 255, 0.6);
}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
@@ -1402,15 +1380,17 @@
color: #9FA8DA;
background: rgba(159, 168, 218, 0.16);
}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: rgba(159, 168, 218, 0.24);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.12);
+}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.04);
}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
@@ -1462,15 +1442,6 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #C5E1A5;
}
-.p-password-panel .p-password-info.weak {
- color: #EF9A9A;
-}
-.p-password-panel .p-password-info.medium {
- color: #FFF59D;
-}
-.p-password-panel .p-password-info.strong {
- color: #C5E1A5;
-}
.p-radiobutton {
width: 20px;
@@ -1540,10 +1511,11 @@
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #f44435;
}
-.p-rating .p-rating-item:focus {
+.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
+ border-color: #9FA8DA;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #9FA8DA;
@@ -1687,50 +1659,6 @@
border-radius: 4px;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
-.p-treeselect-panel .p-treeselect-header {
- padding: 0.75rem;
- border-bottom: 1px solid rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- background: #2b2b2b;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
- margin-right: 0.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
- padding-right: 1.75rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 3.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 2.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- 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: rgba(255, 255, 255, 0.6);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.04);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
@@ -1760,6 +1688,12 @@
.p-togglebutton.p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #9FA8DA;
+}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: #373737;
border-color: rgba(255, 255, 255, 0.12);
@@ -1800,12 +1734,12 @@
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
border-radius: 4px;
}
-.p-button:enabled:hover, .p-button:not(button):not(a):not(.p-disabled):hover {
+.p-button:enabled:hover {
background: rgba(159, 168, 218, 0.92);
color: #121212;
border-color: transparent;
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: rgba(159, 168, 218, 0.68);
color: #121212;
border-color: transparent;
@@ -1813,27 +1747,27 @@
.p-button.p-button-outlined {
background-color: transparent;
color: #9FA8DA;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined:enabled:hover {
background: rgba(159, 168, 218, 0.04);
color: #9FA8DA;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined:enabled:active {
background: rgba(159, 168, 218, 0.16);
color: #9FA8DA;
- border: 0 none;
+ border: 0px none;
}
.p-button.p-button-outlined.p-button-plain {
color: rgba(255, 255, 255, 0.6);
border-color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:hover, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:active, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1842,12 +1776,12 @@
color: #9FA8DA;
border-color: transparent;
}
-.p-button.p-button-text:enabled:hover, .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text:enabled:hover {
background: rgba(159, 168, 218, 0.04);
color: #9FA8DA;
border-color: transparent;
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active {
background: rgba(159, 168, 218, 0.16);
color: #9FA8DA;
border-color: transparent;
@@ -1855,11 +1789,11 @@
.p-button.p-button-text.p-button-plain {
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:hover, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:active, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1868,6 +1802,9 @@
outline-offset: 0;
box-shadow: none;
}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1920,20 +1857,11 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
+.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
- margin-right: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
- margin-top: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
- margin-bottom: 0.5rem;
-}
.p-button.p-button-loading-label-only .p-button-loading-icon {
- margin: 0;
+ margin-right: 0;
}
.p-fluid .p-button {
@@ -1949,295 +1877,295 @@
flex: 1;
}
-.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 {
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #121212;
background: #F48FB1;
border: 0 none;
}
-.p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary:enabled:hover, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: rgba(244, 143, 177, 0.92);
color: #121212;
border-color: transparent;
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: rgba(244, 143, 177, 0.68);
color: #121212;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #F48FB1;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(244, 143, 177, 0.04);
color: #F48FB1;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(244, 143, 177, 0.16);
color: #F48FB1;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #F48FB1;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-text:enabled:hover, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(244, 143, 177, 0.04);
border-color: transparent;
color: #F48FB1;
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(244, 143, 177, 0.16);
border-color: transparent;
color: #F48FB1;
}
-.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #212121;
background: #90CAF9;
border: 0 none;
}
-.p-button.p-button-info:enabled:hover, .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info:enabled:hover, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: rgba(144, 202, 249, 0.92);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: rgba(144, 202, 249, 0.68);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #90CAF9;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-info.p-button-outlined:enabled:hover, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(144, 202, 249, 0.04);
color: #90CAF9;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(144, 202, 249, 0.16);
color: #90CAF9;
- border: 0 none;
+ border: 0px 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 {
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #90CAF9;
border-color: transparent;
}
-.p-button.p-button-info.p-button-text:enabled:hover, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(144, 202, 249, 0.04);
border-color: transparent;
color: #90CAF9;
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(144, 202, 249, 0.16);
border-color: transparent;
color: #90CAF9;
}
-.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #212121;
background: #C5E1A5;
border: 0 none;
}
-.p-button.p-button-success:enabled:hover, .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success:enabled:hover, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: rgba(197, 225, 165, 0.92);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: rgba(197, 225, 165, 0.68);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #C5E1A5;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-success.p-button-outlined:enabled:hover, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(197, 225, 165, 0.04);
color: #C5E1A5;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(197, 225, 165, 0.16);
color: #C5E1A5;
- border: 0 none;
+ border: 0px 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 {
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #C5E1A5;
border-color: transparent;
}
-.p-button.p-button-success.p-button-text:enabled:hover, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(197, 225, 165, 0.04);
border-color: transparent;
color: #C5E1A5;
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(197, 225, 165, 0.16);
border-color: transparent;
color: #C5E1A5;
}
-.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212121;
background: #FFF59D;
border: 0 none;
}
-.p-button.p-button-warning:enabled:hover, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning:enabled:hover, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: rgba(255, 245, 157, 0.92);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: rgba(255, 245, 157, 0.68);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #FFF59D;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(255, 245, 157, 0.04);
color: #FFF59D;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(255, 245, 157, 0.16);
color: #FFF59D;
- border: 0 none;
+ border: 0px 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 {
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #FFF59D;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-text:enabled:hover, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(255, 245, 157, 0.04);
border-color: transparent;
color: #FFF59D;
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(255, 245, 157, 0.16);
border-color: transparent;
color: #FFF59D;
}
-.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #212121;
background: #CE93D8;
border: 0 none;
}
-.p-button.p-button-help:enabled:hover, .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help:enabled:hover, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: rgba(206, 147, 216, 0.92);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: rgba(206, 147, 216, 0.68);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #CE93D8;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-help.p-button-outlined:enabled:hover, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(206, 147, 216, 0.04);
color: #CE93D8;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(206, 147, 216, 0.16);
color: #CE93D8;
- border: 0 none;
+ border: 0px 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 {
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #CE93D8;
border-color: transparent;
}
-.p-button.p-button-help.p-button-text:enabled:hover, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(206, 147, 216, 0.04);
border-color: transparent;
color: #CE93D8;
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(206, 147, 216, 0.16);
border-color: transparent;
color: #CE93D8;
}
-.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #212121;
background: #EF9A9A;
border: 0 none;
}
-.p-button.p-button-danger:enabled:hover, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger:enabled:hover, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: rgba(239, 154, 154, 0.92);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: rgba(239, 154, 154, 0.68);
color: #212121;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #EF9A9A;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(239, 154, 154, 0.04);
color: #EF9A9A;
- border: 0 none;
+ border: 0px none;
}
-.p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(239, 154, 154, 0.16);
color: #EF9A9A;
- border: 0 none;
+ border: 0px 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 {
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #EF9A9A;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-text:enabled:hover, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(239, 154, 154, 0.04);
border-color: transparent;
color: #EF9A9A;
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(239, 154, 154, 0.16);
border-color: transparent;
color: #EF9A9A;
@@ -2248,32 +2176,96 @@
background: transparent;
border: transparent;
}
-.p-button.p-button-link:enabled:hover, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-link:enabled:hover {
background: transparent;
color: #9FA8DA;
border-color: transparent;
}
-.p-button.p-button-link:enabled:hover .p-button-label, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
+.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
-.p-button.p-button-link:enabled:focus, .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: none;
border-color: transparent;
}
-.p-button.p-button-link:enabled:active, .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-link:enabled:active {
background: transparent;
color: #9FA8DA;
border-color: transparent;
}
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 2rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: #F48FB1;
+ color: #212121;
+}
+.p-speeddial-action:hover {
+ background: rgba(244, 143, 177, 0.92);
+ color: #212121;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.32);
+}
+
.p-splitbutton {
border-radius: 4px;
}
.p-splitbutton.p-button-outlined > .p-button {
background-color: transparent;
color: #9FA8DA;
- border: 0 none;
+ border: 0px none;
}
.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(159, 168, 218, 0.04);
@@ -2348,7 +2340,7 @@
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
background-color: transparent;
color: #F48FB1;
- border: 0 none;
+ border: 0px none;
}
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(244, 143, 177, 0.04);
@@ -2377,7 +2369,7 @@
.p-splitbutton.p-button-info.p-button-outlined > .p-button {
background-color: transparent;
color: #90CAF9;
- border: 0 none;
+ border: 0px none;
}
.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(144, 202, 249, 0.04);
@@ -2406,7 +2398,7 @@
.p-splitbutton.p-button-success.p-button-outlined > .p-button {
background-color: transparent;
color: #C5E1A5;
- border: 0 none;
+ border: 0px none;
}
.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(197, 225, 165, 0.04);
@@ -2435,7 +2427,7 @@
.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
background-color: transparent;
color: #FFF59D;
- border: 0 none;
+ border: 0px none;
}
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(255, 245, 157, 0.04);
@@ -2464,7 +2456,7 @@
.p-splitbutton.p-button-help.p-button-outlined > .p-button {
background-color: transparent;
color: #CE93D8;
- border: 0 none;
+ border: 0px none;
}
.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(206, 147, 216, 0.04);
@@ -2493,7 +2485,7 @@
.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
background-color: transparent;
color: #EF9A9A;
- border: 0 none;
+ border: 0px none;
}
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
background: rgba(239, 154, 154, 0.04);
@@ -2519,70 +2511,6 @@
color: #EF9A9A;
}
-.p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
-}
-.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 2rem;
-}
-
-.p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #F48FB1;
- color: #212121;
-}
-.p-speeddial-action:hover {
- background: rgba(244, 143, 177, 0.92);
- color: #212121;
-}
-
-.p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
-}
-
-.p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
-}
-
-.p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
-}
-
-.p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
-}
-
-.p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
-}
-.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
-}
-
-.p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.32);
-}
-
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
@@ -2665,7 +2593,7 @@
.p-datatable .p-datatable-tfoot > tr > td {
text-align: left;
padding: 0.75rem 0.75rem;
- border: 1px solid 3404040;
+ border: 1px solid #404040;
border-width: 0 0 1px 0;
font-weight: 500;
color: rgba(255, 255, 255, 0.87);
@@ -2684,11 +2612,11 @@
background: rgba(159, 168, 218, 0.16);
margin-left: 0.5rem;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.6);
}
.p-datatable .p-sortable-column.p-highlight {
@@ -2698,11 +2626,11 @@
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column.p-highlight:hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-datatable .p-sortable-column:focus {
@@ -2754,9 +2682,9 @@
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 500;
}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
- background: rgba(159, 168, 218, 0.16);
- color: #9FA8DA;
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid transparent;
+ outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: rgba(159, 168, 218, 0.16);
@@ -2768,23 +2696,7 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 rgba(159, 168, 218, 0.16);
}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
- outline: 0.15rem solid transparent;
- 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: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
- outline: 0.15rem solid transparent;
- outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
@@ -2824,22 +2736,31 @@
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #222222;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: rgba(159, 168, 218, 0.16);
color: #9FA8DA;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #9FA8DA;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #9FA8DA;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
- background: #222222;
-}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.375rem 0.375rem;
}
@@ -2871,10 +2792,6 @@
padding: 0.9375rem 0.9375rem;
}
-.p-datatable-drag-selection-helper {
- background: rgba(159, 168, 218, 0.16);
-}
-
.p-dataview .p-paginator-top {
border-width: 0 0 1px 0;
border-radius: 0;
@@ -2911,46 +2828,6 @@
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
-.p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
-}
-
-.p-datascroller .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-datascroller-header {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid rgba(255, 255, 255, 0.12);
- border-width: 0 0 1px 0;
- padding: 0.75rem 0.75rem;
- font-weight: 500;
-}
-.p-datascroller .p-datascroller-content {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- padding: 0.75rem;
-}
-.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
- border: solid rgba(255, 255, 255, 0.12);
- border-width: 0 0 1px 0;
-}
-.p-datascroller .p-datascroller-footer {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #404040;
- border-width: 0 0 1px 0;
- padding: 0.75rem 0.75rem;
- font-weight: 500;
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px;
-}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
@@ -3376,19 +3253,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-orderlist .p-orderlist-filter-container {
- padding: 0.75rem;
- background: #1e1e1e;
- border: 1px solid rgba(255, 255, 255, 0.12);
- border-bottom: 0 none;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.75rem;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-orderlist .p-orderlist-list {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
@@ -3425,22 +3289,6 @@
background: rgba(255, 255, 255, 0.04);
}
-@media screen and (max-width: 769px) {
- .p-orderlist {
- flex-direction: column;
- }
- .p-orderlist .p-orderlist-controls {
- padding: 0.75rem;
- flex-direction: row;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-controls .p-button:last-child {
- margin-right: 0;
- }
-}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
@@ -3519,6 +3367,7 @@
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
+ margin-right: 0.5rem;
height: 3rem;
}
.p-paginator .p-dropdown .p-dropdown-label {
@@ -3577,19 +3426,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-picklist .p-picklist-filter-container {
- padding: 0.75rem;
- background: #1e1e1e;
- border: 1px solid rgba(255, 255, 255, 0.12);
- border-bottom: 0 none;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.75rem;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-picklist .p-picklist-list {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
@@ -3619,35 +3455,38 @@
color: #9FA8DA;
background: rgba(159, 168, 218, 0.16);
}
-
-@media screen and (max-width: 769px) {
- .p-picklist {
- flex-direction: column;
- }
- .p-picklist .p-picklist-buttons {
- padding: 0.75rem;
- flex-direction: row;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-buttons .p-button:last-child {
- margin-right: 0;
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
- content: "\e930";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
- content: "\e92c";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
- content: "\e933";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
- content: "\e92f";
- }
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: rgba(255, 255, 255, 0.02);
}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: rgba(255, 255, 255, 0.04);
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 0 none;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #bdbdbd;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #bdbdbd;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
.p-tree {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
@@ -3714,10 +3553,6 @@
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
-}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
@@ -3735,12 +3570,6 @@
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
-.p-tree .p-treenode-droppoint {
- height: 0.5rem;
-}
-.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
- background: rgba(105, 119, 197, 0.16);
-}
.p-treetable .p-paginator-top {
border-width: 0 0 1px 0;
@@ -3779,7 +3608,7 @@
.p-treetable .p-treetable-tfoot > tr > td {
text-align: left;
padding: 0.75rem 0.75rem;
- border: 1px solid 3404040;
+ border: 1px solid #404040;
border-width: 0 0 1px 0;
font-weight: 500;
color: rgba(255, 255, 255, 0.87);
@@ -3866,11 +3695,11 @@
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: #9FA8DA;
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: rgba(255, 255, 255, 0.87);
}
.p-treetable .p-column-resizer-helper {
@@ -3935,31 +3764,6 @@
padding: 0.9375rem 0.9375rem;
}
-.p-timeline .p-timeline-event-marker {
- border: 0 none;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #bdbdbd;
-}
-.p-timeline .p-timeline-event-connector {
- background-color: #bdbdbd;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
-}
-
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1.25rem;
border: 0 none;
@@ -3975,7 +3779,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: none;
+ box-shadow: inset none;
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: rgba(255, 255, 255, 0.04);
@@ -4029,7 +3833,7 @@
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
-.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-content {
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
@@ -4092,6 +3896,9 @@
outline-offset: 0;
box-shadow: none;
}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: rgba(255, 255, 255, 0.04);
border-color: rgba(255, 255, 255, 0.12);
@@ -4105,8 +3912,8 @@
background-color: #1e1e1e;
}
.p-divider.p-divider-horizontal {
- margin: 1.25rem 0;
- padding: 0 1.25rem;
+ margin: 1rem 0;
+ padding: 0 1rem;
}
.p-divider.p-divider-horizontal:before {
border-top: 1px rgba(255, 255, 255, 0.12);
@@ -4115,8 +3922,8 @@
padding: 0 0.5rem;
}
.p-divider.p-divider-vertical {
- margin: 0 1.25rem;
- padding: 1.25rem 0;
+ margin: 0 1rem;
+ padding: 1rem 0;
}
.p-divider.p-divider-vertical:before {
border-left: 1px rgba(255, 255, 255, 0.12);
@@ -4175,6 +3982,17 @@
border-top: 0 none;
}
+.p-scrollpanel .p-scrollpanel-bar {
+ background: rgba(255, 255, 255, 0.12);
+ border: 0 none;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+
.p-splitter {
border: 1px solid rgba(255, 255, 255, 0.12);
background: #1e1e1e;
@@ -4187,16 +4005,17 @@
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: rgba(255, 255, 255, 0.12);
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
}
.p-splitter .p-splitter-gutter-resizing {
background: rgba(255, 255, 255, 0.12);
}
-.p-scrollpanel .p-scrollpanel-bar {
- background: rgba(255, 255, 255, 0.12);
- border: 0 none;
-}
-
.p-tabview .p-tabview-nav {
background: transparent;
border: solid rgba(255, 255, 255, 0.12);
@@ -4233,9 +4052,6 @@
border-color: rgba(255, 255, 255, 0.12);
color: #9FA8DA;
}
-.p-tabview .p-tabview-close {
- margin-left: 0.5rem;
-}
.p-tabview .p-tabview-nav-btn.p-link {
background: transparent;
color: #9FA8DA;
@@ -4488,9 +4304,12 @@
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
+ gap: 0.5rem;
}
-.p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
}
.p-fileupload .p-fileupload-content {
background: #1e1e1e;
@@ -4500,6 +4319,22 @@
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 4px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
.p-fileupload .p-progressbar {
height: 4px;
}
@@ -4510,35 +4345,46 @@
margin-top: 0;
}
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: rgba(159, 168, 218, 0.92);
+ color: #121212;
+ border-color: transparent;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: rgba(159, 168, 218, 0.68);
+ color: #121212;
+ border-color: transparent;
+}
+
.p-breadcrumb {
background: #1e1e1e;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 4px;
padding: 0.75rem;
}
-.p-breadcrumb ul li .p-menuitem-link {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: none;
border-radius: 4px;
}
-.p-breadcrumb ul li .p-menuitem-link:focus {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
-.p-breadcrumb ul li:last-child .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
@@ -4551,39 +4397,8 @@
border-radius: 4px;
width: 12.5rem;
}
-.p-contextmenu .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .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 {
- 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-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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-link:focus {
+.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
}
.p-contextmenu .p-submenu-list {
padding: 0.5rem 0;
@@ -4592,16 +4407,59 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.04);
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: none;
+ border-radius: 0;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .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-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.6);
}
-.p-contextmenu .p-menu-separator {
+.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.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.04);
+}
+.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:not(.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: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: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: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-menuitem-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
margin: 0.5rem 0;
}
@@ -4609,78 +4467,71 @@
font-size: 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-action {
+.p-dock .p-dock-item.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-dock .p-dock-link {
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 {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
- .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list {
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
- .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container {
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
- .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
- .p-dock.p-dock-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 {
+ .p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
@@ -4692,90 +4543,60 @@
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;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 4px;
- transition: none;
- user-select: none;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .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 {
- 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 {
- 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.04);
-}
-.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.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 {
+.p-megamenu .p-megamenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
}
-.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(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 {
- 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 {
- 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 > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
+ transition: none;
border-radius: 0;
- transition: none;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
user-select: none;
}
-.p-megamenu .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-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-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);
}
-.p-megamenu .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-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-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-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.04);
}
-.p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
+.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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: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: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-megamenu-panel {
background: #2b2b2b;
@@ -4783,7 +4604,7 @@
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 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);
@@ -4792,27 +4613,48 @@
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(255, 255, 255, 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;
}
+.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-menu {
padding: 0.5rem 0;
@@ -4822,39 +4664,57 @@
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 {
+ 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: rgba(255, 255, 255, 0.12);
+}
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ 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;
@@ -4870,7 +4730,7 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
}
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
margin: 0.5rem 0;
}
@@ -4882,89 +4742,89 @@
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 4px;
}
-.p-menubar .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-menubar .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 {
- color: rgba(255, 255, 255, 0.6);
-}
-.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 {
- 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 {
- color: rgba(255, 255, 255, 0.6);
-}
-.p-menubar .p-menuitem-link:focus {
+.p-menubar .p-menubar-root-list {
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-menubar-root-list > .p-menuitem > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- border-radius: 4px;
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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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: none;
+ border-radius: 0;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ user-select: none;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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-menuitem > .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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-.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 {
+.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-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.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-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.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-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.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.04);
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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-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 {
@@ -4974,22 +4834,13 @@
box-shadow: 0 2px 4px -1px rgba(0, 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(255, 255, 255, 0.12);
margin: 0.5rem 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
font-size: 0.875rem;
}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
- 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-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);
-}
@media screen and (max-width: 960px) {
.p-menubar {
@@ -5021,56 +4872,22 @@
box-shadow: 0 2px 4px -1px rgba(0, 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: 100%;
}
- .p-menubar .p-menubar-root-list .p-menu-separator {
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
margin: 0.5rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
- .p-menubar .p-menubar-root-list > .p-menuitem {
+ .p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .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 {
- 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 {
- 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:not(.p-disabled):hover .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 {
- 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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5083,26 +4900,26 @@
transition: transform 0.2s;
transform: rotate(90deg);
}
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 5.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 6.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 8.25rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5113,42 +4930,45 @@
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-action {
+ padding: 1.25rem;
+ font-weight: 400;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a:focus {
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .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);
@@ -5164,66 +4984,91 @@
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 {
+ 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 {
+.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: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:not(.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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-.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(255, 255, 255, 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;
}
@@ -5232,80 +5077,6 @@
border-bottom-left-radius: 4px;
}
-.p-slidemenu {
- padding: 0.5rem 0;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid rgba(255, 255, 255, 0.12);
- border-radius: 4px;
- width: 12.5rem;
-}
-.p-slidemenu .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .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 {
- 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:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-.p-slidemenu.p-slidemenu-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-slidemenu .p-slidemenu-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-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
- background: rgba(255, 255, 255, 0.04);
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.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: rgba(255, 255, 255, 0.6);
-}
-.p-slidemenu .p-slidemenu-separator {
- border-top: 1px solid rgba(255, 255, 255, 0.12);
- margin: 0.5rem 0;
-}
-.p-slidemenu .p-slidemenu-icon {
- font-size: 0.875rem;
-}
-.p-slidemenu .p-slidemenu-backward {
- padding: 0.75rem 0.75rem;
- color: rgba(255, 255, 255, 0.87);
-}
-
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: none;
@@ -5371,7 +5142,6 @@
border-top-left-radius: 4px;
transition: none;
margin: 0 0 -1px 0;
- height: calc(100% + 1px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
@@ -5400,61 +5170,73 @@
border-radius: 4px;
width: 12.5rem;
}
-.p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .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 {
- 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 {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.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-active > .p-menuitem-link {
- background: rgba(255, 255, 255, 0.04);
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: none;
+ border-radius: 0;
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .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 .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.6);
}
-.p-tieredmenu .p-menu-separator {
+.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.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.04);
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ 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: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: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-menuitem-separator {
border-top: 1px solid rgba(255, 255, 255, 0.12);
margin: 0.5rem 0;
}
@@ -5766,9 +5548,6 @@
background: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.87);
}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- transition: none;
-}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
@@ -5842,134 +5621,6 @@
border: 2px solid #1e1e1e;
}
-.p-chip {
- background-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- padding: 0 0.75rem;
-}
-.p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.375rem;
- margin-bottom: 0.375rem;
-}
-.p-chip .p-chip-icon {
- margin-right: 0.5rem;
-}
-.p-chip img {
- width: 2.25rem;
- height: 2.25rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem;
-}
-.p-chip .p-chip-remove-icon {
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-left: 0.5rem;
-}
-.p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-
-.p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-scrolltop.p-link {
- background: #F48FB1;
-}
-.p-scrolltop.p-link:hover {
- background: rgba(244, 143, 177, 0.92);
-}
-.p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #121212;
-}
-
-.p-skeleton {
- background-color: rgba(255, 255, 255, 0.06);
- border-radius: 4px;
-}
-.p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
-}
-
-.p-tag {
- background: #9FA8DA;
- color: #121212;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 4px;
-}
-.p-tag.p-tag-success {
- background-color: #C5E1A5;
- color: #212121;
-}
-.p-tag.p-tag-info {
- background-color: #90CAF9;
- color: #212121;
-}
-.p-tag.p-tag-warning {
- background-color: #FFF59D;
- color: #212121;
-}
-.p-tag.p-tag-danger {
- background-color: #EF9A9A;
- color: #212121;
-}
-.p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem;
-}
-
-.p-inplace .p-inplace-display {
- padding: 1rem 1rem;
- border-radius: 4px;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
-}
-.p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-
-.p-progressbar {
- border: 0 none;
- height: 4px;
- background: rgba(159, 168, 218, 0.32);
- border-radius: 4px;
-}
-.p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #9FA8DA;
-}
-.p-progressbar .p-progressbar-label {
- color: #121212;
- line-height: 4px;
-}
-
-.p-terminal {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid rgba(255, 255, 255, 0.12);
- padding: 0.75rem;
-}
-.p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
-}
-
.p-badge {
background: #9FA8DA;
color: #121212;
@@ -6012,6 +5663,94 @@
line-height: 3rem;
}
+.p-chip {
+ background-color: rgba(255, 255, 255, 0.12);
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+ padding: 0 0.75rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.375rem;
+ margin-bottom: 0.375rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 2.25rem;
+ height: 2.25rem;
+ margin-left: -0.75rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 4px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+
+.p-inplace .p-inplace-display {
+ padding: 1rem 1rem;
+ border-radius: 4px;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.04);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 4px;
+ background: rgba(159, 168, 218, 0.32);
+ border-radius: 4px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #9FA8DA;
+}
+.p-progressbar .p-progressbar-label {
+ color: #121212;
+ line-height: 4px;
+}
+
+.p-scrolltop {
+ width: 2.75rem;
+ height: 2.75rem;
+ border-radius: 50%;
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: #F48FB1;
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(244, 143, 177, 0.92);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.15rem;
+ color: #121212;
+}
+
+.p-skeleton {
+ background-color: rgba(255, 255, 255, 0.06);
+ border-radius: 4px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
+}
+
.p-tag {
background: #9FA8DA;
color: #121212;
@@ -6036,6 +5775,21 @@
background-color: #EF9A9A;
color: #212121;
}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
+
+.p-terminal {
+ background: #1e1e1e;
+ color: rgba(255, 255, 255, 0.87);
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ padding: 0.75rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
+}
.p-accordion .p-accordion-tab {
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);
@@ -6169,19 +5923,19 @@
.p-button.p-button-icon-only {
min-width: auto;
}
-.p-button:enabled:focus, .p-button:not(button):not(a):not(.p-disabled):focus {
+.p-button:enabled:focus {
background: rgba(159, 168, 218, 0.76);
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: rgba(159, 168, 218, 0.68);
}
.p-button .p-ink {
background-color: rgba(255, 255, 255, 0.32);
}
-.p-button.p-button-text:enabled:focus, .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-outlined:enabled:focus, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus {
background: rgba(159, 168, 218, 0.12);
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active {
background: rgba(159, 168, 218, 0.16);
}
.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink {
@@ -6210,103 +5964,103 @@
color: rgba(255, 255, 255, 0.38) !important;
border-color: rgba(255, 255, 255, 0.38) !important;
}
-.p-button.p-button-raised:enabled:focus, .p-button.p-button-raised:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-raised:enabled:focus {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
background: rgba(244, 143, 177, 0.76);
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: rgba(244, 143, 177, 0.68);
}
-.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:focus, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus {
background: rgba(244, 143, 177, 0.12);
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(244, 143, 177, 0.16);
}
-.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-secondary.p-button-text .p-ink, .p-fileupload-choose.p-button-secondary.p-button-outlined .p-ink {
+.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink {
background-color: rgba(244, 143, 177, 0.16);
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
background: rgba(144, 202, 249, 0.76);
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: rgba(144, 202, 249, 0.68);
}
-.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info.p-button-text:enabled:focus, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus {
background: rgba(144, 202, 249, 0.12);
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(144, 202, 249, 0.16);
}
-.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-info.p-button-text .p-ink, .p-fileupload-choose.p-button-info.p-button-outlined .p-ink {
+.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink {
background-color: rgba(144, 202, 249, 0.16);
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
background: rgba(197, 225, 165, 0.76);
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: rgba(197, 225, 165, 0.68);
}
-.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success.p-button-text:enabled:focus, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus {
background: rgba(197, 225, 165, 0.12);
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(197, 225, 165, 0.16);
}
-.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-success.p-button-text .p-ink, .p-fileupload-choose.p-button-success.p-button-outlined .p-ink {
+.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink {
background-color: rgba(197, 225, 165, 0.16);
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
background: rgba(255, 245, 157, 0.76);
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: rgba(255, 245, 157, 0.68);
}
-.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning.p-button-text:enabled:focus, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus {
background: rgba(255, 245, 157, 0.12);
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(255, 245, 157, 0.16);
}
-.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-warning.p-button-text .p-ink, .p-fileupload-choose.p-button-warning.p-button-outlined .p-ink {
+.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink {
background-color: rgba(255, 245, 157, 0.16);
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
background: rgba(206, 147, 216, 0.76);
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: rgba(206, 147, 216, 0.68);
}
-.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help.p-button-text:enabled:focus, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus {
background: rgba(206, 147, 216, 0.12);
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(206, 147, 216, 0.16);
}
-.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-help.p-button-text .p-ink, .p-fileupload-choose.p-button-help.p-button-outlined .p-ink {
+.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink {
background-color: rgba(206, 147, 216, 0.16);
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
background: rgba(239, 154, 154, 0.76);
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: rgba(239, 154, 154, 0.68);
}
-.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger.p-button-text:enabled:focus, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus {
background: rgba(239, 154, 154, 0.12);
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(239, 154, 154, 0.16);
}
-.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-danger.p-button-text .p-ink, .p-fileupload-choose.p-button-danger.p-button-outlined .p-ink {
+.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink {
background-color: rgba(239, 154, 154, 0.16);
}
@@ -6340,13 +6094,19 @@
.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled {
background-color: transparent !important;
}
-.p-calendar-w-btn:not(.p-disabled):hover {
+.p-calendar-w-btn:not(.p-calendar-disabled):hover {
border-color: rgba(255, 255, 255, 0.6);
}
-.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+.p-calendar-w-btn:not(.p-calendar-disabled).p-inputwrapper-focus {
border-color: #9FA8DA;
box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
}
+.p-calendar-w-btn.p-calendar-disabled {
+ opacity: 0.38;
+}
+.p-calendar-w-btn.p-calendar-disabled .p-inputtext {
+ opacity: 1;
+}
.p-datepicker .p-datepicker-header {
border-bottom: 0 none;
@@ -6401,18 +6161,18 @@
background-image: none;
background: transparent;
}
-.p-input-filled .p-calendar-w-btn:not(.p-disabled):hover {
+.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
background-color: rgba(255, 255, 255, 0.08);
border-color: transparent;
background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
}
-.p-input-filled .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.1);
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
-.p-input-filled .p-calendar-w-btn .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:focus {
+.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
@@ -6442,9 +6202,7 @@
box-shadow: none;
background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
}
-.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,
-.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext {
border: 0 none;
background-image: none;
}
@@ -6502,6 +6260,7 @@
background-image: none;
background: transparent;
}
+
.p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label {
padding-top: 1.25rem;
padding-bottom: 0.25rem;
@@ -6658,6 +6417,13 @@
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
+.p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.12);
+}
+
.p-datatable .p-sortable-column {
outline: 0 none;
}
@@ -6854,9 +6620,7 @@
}
.p-input-filled .p-inputgroup-addon:first-child,
.p-input-filled .p-inputgroup button:first-child,
-.p-input-filled .p-inputgroup input:first-child,
-.p-input-filled .p-inputgroup > .p-inputwrapper:first-child,
-.p-input-filled .p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
+.p-input-filled .p-inputgroup input:first-child {
border-bottom-left-radius: 0;
}
.p-input-filled .p-inputgroup .p-float-label:first-child input {
@@ -6864,9 +6628,7 @@
}
.p-input-filled .p-inputgroup-addon:last-child,
.p-input-filled .p-inputgroup button:last-child,
-.p-input-filled .p-inputgroup input:last-child,
-.p-input-filled .p-inputgroup > .p-inputwrapper:last-child,
-.p-input-filled .p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
+.p-input-filled .p-inputgroup input:last-child {
border-bottom-right-radius: 0;
}
.p-input-filled .p-inputgroup .p-float-label:last-child input {
@@ -6897,13 +6659,13 @@
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before {
box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04);
}
-.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
+.p-inputswitch.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
}
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before {
box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
}
-.p-inputswitch.p-inputswitch-checked.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
+.p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
}
@@ -6961,15 +6723,24 @@
background: rgba(159, 168, 218, 0.24);
}
-.p-megamenu .p-menuitem .p-menuitem-link:focus {
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
background: rgba(255, 255, 255, 0.12);
}
-.p-menu .p-menuitem .p-menuitem-link:focus {
+.p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
background: rgba(255, 255, 255, 0.12);
}
-.p-menubar .p-menuitem .p-menuitem-link:focus {
+.p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
background: rgba(255, 255, 255, 0.12);
}
@@ -6993,7 +6764,7 @@
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus.p-highlight {
background: rgba(159, 168, 218, 0.24);
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+.p-multiselect-panel .p-multiselect-close:focus {
background: rgba(255, 255, 255, 0.12);
}
@@ -7070,10 +6841,6 @@
box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
}
-.p-overlaypanel .p-overlaypanel-content {
- padding: 1.5rem;
-}
-
.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
background: rgba(255, 255, 255, 0.12);
}
@@ -7081,6 +6848,10 @@
background: rgba(159, 168, 218, 0.24);
}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 1.5rem;
+}
+
.p-paginator {
justify-content: flex-end;
}
@@ -7127,6 +6898,26 @@
background: rgba(255, 255, 255, 0.12);
}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
+ order: 1;
+ margin-left: auto;
+ margin-right: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-disabled {
+ opacity: 1;
+}
+.p-panelmenu .p-panelmenu-header.p-disabled .p-panelmenu-header-content > * {
+ opacity: 0.38;
+}
+.p-panelmenu .p-panelmenu-header:focus .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-header.p-highlight:focus .p-panelmenu-header-content {
+ background: rgba(255, 255, 255, 0.04);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.12);
+}
.p-panelmenu .p-panelmenu-panel {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;
@@ -7142,23 +6933,6 @@
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
-.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon {
- order: 1;
- margin-left: auto;
- margin-right: 0;
-}
-.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled {
- opacity: 1;
-}
-.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * {
- opacity: 0.38;
-}
-.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus {
- background: rgba(255, 255, 255, 0.04);
-}
-.p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus {
- background: rgba(255, 255, 255, 0.12);
-}
.p-picklist .p-picklist-list .p-picklist-item:focus {
background: rgba(255, 255, 255, 0.12);
@@ -7170,10 +6944,32 @@
.p-progressbar {
border-radius: 0;
}
-.p-progressbar .p-progressbar-label {
+.p-progressbar.p-progressbar-determinate .p-progressbar-label {
display: none;
}
+.p-rating {
+ gap: 0;
+}
+.p-rating .p-rating-item {
+ border-radius: 50%;
+ width: 2rem;
+ height: 2rem;
+ justify-content: center;
+}
+.p-rating .p-rating-item.p-focus {
+ background: rgba(159, 168, 218, 0.12);
+}
+.p-rating .p-rating-item.p-focus.p-rating-cancel-item {
+ background: rgba(244, 68, 53, 0.12);
+}
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover {
+ background-color: rgba(0, 0, 0, 0.04);
+}
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item {
+ background: rgba(244, 68, 53, 0.04);
+}
+
.p-radiobutton {
border-radius: 50%;
transition: box-shadow 0.2s;
@@ -7207,26 +7003,8 @@
background-color: #1e1e1e;
}
-.p-rating {
- gap: 0;
-}
-.p-rating .p-rating-item {
- border-radius: 50%;
- width: 2rem;
- height: 2rem;
- justify-content: center;
-}
-.p-rating .p-rating-item:focus {
- background: rgba(159, 168, 218, 0.12);
-}
-.p-rating .p-rating-item:focus.p-rating-cancel-item {
- background: rgba(244, 68, 53, 0.12);
-}
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover {
- background-color: rgba(0, 0, 0, 0.04);
-}
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item {
- background: rgba(244, 68, 53, 0.04);
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ box-shadow: 0 0 1px 4px rgba(244, 143, 177, 0.2);
}
.p-selectbutton .p-button:focus {
@@ -7238,10 +7016,6 @@
border-color: rgba(255, 255, 255, 0.12);
}
-.p-slidemenu .p-menuitem-link:focus {
- background: rgba(255, 255, 255, 0.12);
-}
-
.p-slider .p-slider-handle {
transition: transform 0.2s, box-shadow 0.2s;
transform: scale(0.7);
@@ -7327,6 +7101,17 @@
background: rgba(239, 154, 154, 0.16);
}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ transition: transform 0.2s, box-shadow 0.2s;
+ transform: scale(0.7);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ box-shadow: 0 0 1px 6px rgba(244, 143, 177, 0.2);
+}
+.p-splitter .p-splitter-gutter.p-splitter-gutter-resizing .p-splitter-gutter-handle {
+ transform: scale(1);
+}
+
.p-steps {
padding: 1rem 0;
}
@@ -7403,7 +7188,10 @@
transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
}
-.p-tieredmenu .p-menuitem-link:focus {
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(255, 255, 255, 0.12);
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
background: rgba(255, 255, 255, 0.12);
}
diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css
index c583ae0..6a6bfaa 100644
--- a/public/themes/mdc-light-deeppurple/theme.css
+++ b/public/themes/mdc-light-deeppurple/theme.css
@@ -40,8 +40,8 @@
--surface-overlay:#ffffff;
--surface-border:rgba(0,0,0,.12);
--surface-hover:rgba(0,0,0,.04);
- --maskbg: rgba(0, 0, 0, 0.32);
--focus-ring: none;
+ --maskbg: rgba(0, 0, 0, 0.32);
color-scheme: light;
}
@@ -265,18 +265,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3rem;
}
-.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.375rem 0.75rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: rgba(0, 0, 0, 0.87);
}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #673AB7;
}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.375rem 0.75rem;
+ gap: 0.5rem;
+}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.375rem 0;
}
@@ -289,14 +290,17 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: rgba(103, 58, 183, 0.12);
- color: #673AB7;
- border-radius: 4px;
+ background: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: rgba(0, 0, 0, 0.24);
+ color: rgba(0, 0, 0, 0.87);
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #B00020;
}
@@ -320,14 +324,21 @@
transition: none;
border-radius: 0;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04);
-}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #673AB7;
background: rgba(103, 58, 183, 0.12);
}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: rgba(103, 58, 183, 0.24);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.12);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.04);
+}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem;
@@ -518,10 +529,10 @@
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
+ border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
- border-left: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.04);
@@ -609,22 +620,24 @@
transition: none;
border-radius: 0;
}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.75rem 0.75rem;
-}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #673AB7;
background: rgba(103, 58, 183, 0.12);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: rgba(103, 58, 183, 0.24);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.12);
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.04);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.75rem 0.75rem;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@@ -661,11 +674,6 @@
border-color: #673AB7;
background: #673AB7;
}
-.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
- border-color: #673AB7;
- background: #673AB7;
- color: #ffffff;
-}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: rgba(0, 0, 0, 0.87);
}
@@ -697,24 +705,28 @@
background: #673AB7;
}
-.p-chips .p-chips-multiple-container {
- padding: 0.375rem 0.75rem;
-}
-.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: rgba(0, 0, 0, 0.87);
}
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #673AB7;
}
+.p-chips .p-chips-multiple-container {
+ padding: 0.375rem 0.75rem;
+}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
- background: rgba(103, 58, 183, 0.12);
- color: #673AB7;
- border-radius: 4px;
+ background: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: rgba(0, 0, 0, 0.24);
+ color: rgba(0, 0, 0, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@@ -776,7 +788,7 @@
.p-dropdown .p-dropdown-label.p-placeholder {
color: rgba(0, 0, 0, 0.6);
}
-.p-dropdown .p-dropdown-label:enabled:focus {
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
@@ -819,13 +831,6 @@
right: 0.75rem;
color: rgba(0, 0, 0, 0.6);
}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
- padding-right: 3.5rem;
- margin-right: -3.5rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
- right: 2.5rem;
-}
.p-dropdown-panel .p-dropdown-items {
padding: 0;
}
@@ -842,6 +847,13 @@
color: #673AB7;
background: rgba(103, 58, 183, 0.12);
}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: rgba(103, 58, 183, 0.24);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.12);
+}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.04);
@@ -1083,7 +1095,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: rgba(103, 58, 183, 0.5);
}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
+.p-inputswitch.p-invalid {
border-color: #B00020;
}
@@ -1125,13 +1137,11 @@
transition-duration: 0.2s;
}
-.p-float-label > label.p-error {
+.p-float-label > .p-invalid + label {
color: #B00020;
}
-.p-input-icon-left > i:first-of-type,
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: rgba(0, 0, 0, 0.6);
}
@@ -1144,9 +1154,7 @@
left: 2.5rem;
}
-.p-input-icon-right > i:last-of-type,
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: rgba(0, 0, 0, 0.6);
}
@@ -1196,6 +1204,7 @@
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e5e5e5;
border-radius: 4px;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-listbox .p-listbox-header {
padding: 0.75rem;
@@ -1215,6 +1224,7 @@
}
.p-listbox .p-listbox-list {
padding: 0;
+ outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
@@ -1228,11 +1238,6 @@
color: #673AB7;
background: rgba(103, 58, 183, 0.12);
}
-.p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 0.75rem;
@@ -1245,42 +1250,27 @@
color: rgba(0, 0, 0, 0.87);
background: transparent;
}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: rgba(103, 58, 183, 0.24);
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.12);
+}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.04);
}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #673AB7;
+}
.p-listbox.p-invalid {
border-color: #B00020;
}
-.p-mention-panel {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- border: 0 none;
- border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
-}
-.p-mention-panel .p-mention-items {
- padding: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item {
- margin: 0;
- padding: 0.75rem 0.75rem;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item:hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04);
-}
-.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
- color: #673AB7;
- background: rgba(103, 58, 183, 0.12);
-}
-
.p-multiselect {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.38);
@@ -1296,9 +1286,6 @@
box-shadow: none;
border-color: #673AB7;
}
-.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.75rem;
-}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@@ -1309,9 +1296,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
- background: rgba(103, 58, 183, 0.12);
- color: #673AB7;
- border-radius: 4px;
+ background: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
@@ -1323,10 +1310,6 @@
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
-.p-multiselect .p-multiselect-clear-icon {
- color: rgba(0, 0, 0, 0.6);
- right: 2.357rem;
-}
.p-multiselect.p-invalid.p-component {
border-color: #B00020;
}
@@ -1334,12 +1317,6 @@
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.375rem 0.75rem;
}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
- padding: 0.75rem 0.75rem;
-}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.75rem;
-}
.p-multiselect-panel {
background: #ffffff;
@@ -1357,9 +1334,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
- margin: 0 0.5rem;
-}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.75rem;
}
@@ -1367,7 +1341,11 @@
right: 0.75rem;
color: rgba(0, 0, 0, 0.6);
}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: rgba(0, 0, 0, 0.6);
@@ -1402,15 +1380,17 @@
color: #673AB7;
background: rgba(103, 58, 183, 0.12);
}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: rgba(103, 58, 183, 0.24);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.12);
+}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.04);
}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
@@ -1462,15 +1442,7 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #689F38;
}
-.p-password-panel .p-password-info.weak {
- color: #D32F2F;
-}
-.p-password-panel .p-password-info.medium {
- color: #FBC02D;
-}
-.p-password-panel .p-password-info.strong {
- color: #689F38;
-}
+
.p-radiobutton {
width: 20px;
height: 20px;
@@ -1539,10 +1511,11 @@
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #B00020;
}
-.p-rating .p-rating-item:focus {
+.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
+ border-color: #673AB7;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #673AB7;
@@ -1686,50 +1659,6 @@
border-radius: 4px;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
-.p-treeselect-panel .p-treeselect-header {
- padding: 0.75rem;
- border-bottom: 1px solid rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
- margin-right: 0.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
- padding-right: 1.75rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.75rem;
- color: rgba(0, 0, 0, 0.6);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 3.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 2.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- 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: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
@@ -1759,6 +1688,12 @@
.p-togglebutton.p-button .p-button-icon-right {
color: rgba(0, 0, 0, 0.6);
}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #673AB7;
+}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: #f6f6f6;
border-color: rgba(0, 0, 0, 0.12);
@@ -1799,12 +1734,12 @@
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
border-radius: 4px;
}
-.p-button:enabled:hover, .p-button:not(button):not(a):not(.p-disabled):hover {
+.p-button:enabled:hover {
background: rgba(103, 58, 183, 0.92);
color: #ffffff;
border-color: transparent;
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: rgba(103, 58, 183, 0.68);
color: #ffffff;
border-color: transparent;
@@ -1814,12 +1749,12 @@
color: #673AB7;
border: 0 none;
}
-.p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined:enabled:hover {
background: rgba(103, 58, 183, 0.04);
color: #673AB7;
border: 0 none;
}
-.p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined:enabled:active {
background: rgba(103, 58, 183, 0.16);
color: #673AB7;
border: 0 none;
@@ -1828,11 +1763,11 @@
color: rgba(0, 0, 0, 0.6);
border-color: rgba(0, 0, 0, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:hover, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:active, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined.p-button-plain:enabled:active {
background: rgba(0, 0, 0, 0.16);
color: rgba(0, 0, 0, 0.6);
}
@@ -1841,12 +1776,12 @@
color: #673AB7;
border-color: transparent;
}
-.p-button.p-button-text:enabled:hover, .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text:enabled:hover {
background: rgba(103, 58, 183, 0.04);
color: #673AB7;
border-color: transparent;
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active {
background: rgba(103, 58, 183, 0.16);
color: #673AB7;
border-color: transparent;
@@ -1854,11 +1789,11 @@
.p-button.p-button-text.p-button-plain {
color: rgba(0, 0, 0, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:hover, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text.p-button-plain:enabled:hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:active, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text.p-button-plain:enabled:active {
background: rgba(0, 0, 0, 0.16);
color: rgba(0, 0, 0, 0.6);
}
@@ -1867,6 +1802,9 @@
outline-offset: 0;
box-shadow: none;
}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1919,20 +1857,11 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
+.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
- margin-right: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
- margin-top: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
- margin-bottom: 0.5rem;
-}
.p-button.p-button-loading-label-only .p-button-loading-icon {
- margin: 0;
+ margin-right: 0;
}
.p-fluid .p-button {
@@ -1948,295 +1877,295 @@
flex: 1;
}
-.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 {
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #4CAF50;
border: 0 none;
}
-.p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary:enabled:hover, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: rgba(76, 175, 80, 0.92);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: rgba(76, 175, 80, 0.68);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #4CAF50;
border: 0 none;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(76, 175, 80, 0.04);
color: #4CAF50;
border: 0 none;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(76, 175, 80, 0.16);
color: #4CAF50;
border: 0 none;
}
-.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #4CAF50;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-text:enabled:hover, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(76, 175, 80, 0.04);
border-color: transparent;
color: #4CAF50;
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(76, 175, 80, 0.16);
border-color: transparent;
color: #4CAF50;
}
-.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #2196F3;
border: 0 none;
}
-.p-button.p-button-info:enabled:hover, .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info:enabled:hover, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: rgba(33, 150, 243, 0.92);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: rgba(33, 150, 243, 0.68);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #2196F3;
border: 0 none;
}
-.p-button.p-button-info.p-button-outlined:enabled:hover, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(33, 150, 243, 0.04);
color: #2196F3;
border: 0 none;
}
-.p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(33, 150, 243, 0.16);
color: #2196F3;
border: 0 none;
}
-.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #2196F3;
border-color: transparent;
}
-.p-button.p-button-info.p-button-text:enabled:hover, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(33, 150, 243, 0.04);
border-color: transparent;
color: #2196F3;
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(33, 150, 243, 0.16);
border-color: transparent;
color: #2196F3;
}
-.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #689F38;
border: 0 none;
}
-.p-button.p-button-success:enabled:hover, .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success:enabled:hover, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: rgba(104, 159, 56, 0.92);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: rgba(104, 159, 56, 0.68);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #689F38;
border: 0 none;
}
-.p-button.p-button-success.p-button-outlined:enabled:hover, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(104, 159, 56, 0.04);
color: #689F38;
border: 0 none;
}
-.p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(104, 159, 56, 0.16);
color: #689F38;
border: 0 none;
}
-.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #689F38;
border-color: transparent;
}
-.p-button.p-button-success.p-button-text:enabled:hover, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(104, 159, 56, 0.04);
border-color: transparent;
color: #689F38;
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(104, 159, 56, 0.16);
border-color: transparent;
color: #689F38;
}
-.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529;
background: #FBC02D;
border: 0 none;
}
-.p-button.p-button-warning:enabled:hover, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning:enabled:hover, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: rgba(251, 192, 45, 0.92);
color: #212529;
border-color: transparent;
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: rgba(251, 192, 45, 0.68);
color: #212529;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #FBC02D;
border: 0 none;
}
-.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(251, 192, 45, 0.04);
color: #FBC02D;
border: 0 none;
}
-.p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(251, 192, 45, 0.16);
color: #FBC02D;
border: 0 none;
}
-.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #FBC02D;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-text:enabled:hover, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(251, 192, 45, 0.04);
border-color: transparent;
color: #FBC02D;
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(251, 192, 45, 0.16);
border-color: transparent;
color: #FBC02D;
}
-.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #9C27B0;
border: 0 none;
}
-.p-button.p-button-help:enabled:hover, .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help:enabled:hover, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: rgba(156, 39, 176, 0.92);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: rgba(156, 39, 176, 0.68);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #9C27B0;
border: 0 none;
}
-.p-button.p-button-help.p-button-outlined:enabled:hover, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(156, 39, 176, 0.04);
color: #9C27B0;
border: 0 none;
}
-.p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(156, 39, 176, 0.16);
color: #9C27B0;
border: 0 none;
}
-.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #9C27B0;
border-color: transparent;
}
-.p-button.p-button-help.p-button-text:enabled:hover, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(156, 39, 176, 0.04);
border-color: transparent;
color: #9C27B0;
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(156, 39, 176, 0.16);
border-color: transparent;
color: #9C27B0;
}
-.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #D32F2F;
border: 0 none;
}
-.p-button.p-button-danger:enabled:hover, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger:enabled:hover, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: rgba(211, 47, 47, 0.92);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: rgba(211, 47, 47, 0.68);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #D32F2F;
border: 0 none;
}
-.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(211, 47, 47, 0.04);
color: #D32F2F;
border: 0 none;
}
-.p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(211, 47, 47, 0.16);
color: #D32F2F;
border: 0 none;
}
-.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #D32F2F;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-text:enabled:hover, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(211, 47, 47, 0.04);
border-color: transparent;
color: #D32F2F;
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(211, 47, 47, 0.16);
border-color: transparent;
color: #D32F2F;
@@ -2247,25 +2176,89 @@
background: transparent;
border: transparent;
}
-.p-button.p-button-link:enabled:hover, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-link:enabled:hover {
background: transparent;
color: #673AB7;
border-color: transparent;
}
-.p-button.p-button-link:enabled:hover .p-button-label, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
+.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
-.p-button.p-button-link:enabled:focus, .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: none;
border-color: transparent;
}
-.p-button.p-button-link:enabled:active, .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-link:enabled:active {
background: transparent;
color: #673AB7;
border-color: transparent;
}
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 2rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: #4CAF50;
+ color: #fff;
+}
+.p-speeddial-action:hover {
+ background: rgba(76, 175, 80, 0.92);
+ color: #fff;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.32);
+}
+
.p-splitbutton {
border-radius: 4px;
}
@@ -2518,70 +2511,6 @@
color: #D32F2F;
}
-.p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
-}
-.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 2rem;
-}
-
-.p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #4CAF50;
- color: #fff;
-}
-.p-speeddial-action:hover {
- background: rgba(76, 175, 80, 0.92);
- color: #fff;
-}
-
-.p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
-}
-
-.p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
-}
-
-.p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
-}
-
-.p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
-}
-
-.p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
-}
-.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
-}
-
-.p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.32);
-}
-
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
@@ -2683,11 +2612,11 @@
background: rgba(103, 58, 183, 0.12);
margin-left: 0.5rem;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: rgba(0, 0, 0, 0.6);
}
.p-datatable .p-sortable-column.p-highlight {
@@ -2697,11 +2626,11 @@
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: rgba(0, 0, 0, 0.87);
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column.p-highlight:hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
color: rgba(0, 0, 0, 0.87);
}
.p-datatable .p-sortable-column:focus {
@@ -2753,9 +2682,9 @@
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 500;
}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
- background: rgba(103, 58, 183, 0.12);
- color: #673AB7;
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid transparent;
+ outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: rgba(103, 58, 183, 0.12);
@@ -2767,23 +2696,7 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 rgba(103, 58, 183, 0.12);
}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
- outline: 0.15rem solid transparent;
- 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: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87);
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
- outline: 0.15rem solid transparent;
- outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
}
@@ -2823,22 +2736,31 @@
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: rgba(0, 0, 0, 0.02);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: rgba(103, 58, 183, 0.12);
color: #673AB7;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #673AB7;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #673AB7;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
- background: rgba(0, 0, 0, 0.02);
-}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.375rem 0.375rem;
}
@@ -2870,10 +2792,6 @@
padding: 0.9375rem 0.9375rem;
}
-.p-datatable-drag-selection-helper {
- background: rgba(103, 58, 183, 0.16);
-}
-
.p-dataview .p-paginator-top {
border-width: 0 0 1px 0;
border-radius: 0;
@@ -2910,46 +2828,6 @@
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
-.p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
-}
-
-.p-datascroller .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-datascroller-header {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- border: 1px solid #e4e4e4;
- border-width: 0 0 1px 0;
- padding: 0.75rem 0.75rem;
- font-weight: 500;
-}
-.p-datascroller .p-datascroller-content {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- border: 0 none;
- padding: 0.75rem;
-}
-.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
- border: solid rgba(0, 0, 0, 0.12);
- border-width: 0 0 1px 0;
-}
-.p-datascroller .p-datascroller-footer {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- border: 1px solid #e4e4e4;
- border-width: 0 0 1px 0;
- padding: 0.75rem 0.75rem;
- font-weight: 500;
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px;
-}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
@@ -3375,19 +3253,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-orderlist .p-orderlist-filter-container {
- padding: 0.75rem;
- background: #ffffff;
- border: 1px solid #e0e0e0;
- border-bottom: 0 none;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.75rem;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.75rem;
- color: rgba(0, 0, 0, 0.6);
-}
.p-orderlist .p-orderlist-list {
border: 1px solid #e0e0e0;
background: #ffffff;
@@ -3424,22 +3289,6 @@
background: rgba(0, 0, 0, 0.04);
}
-@media screen and (max-width: 769px) {
- .p-orderlist {
- flex-direction: column;
- }
- .p-orderlist .p-orderlist-controls {
- padding: 0.75rem;
- flex-direction: row;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-controls .p-button:last-child {
- margin-right: 0;
- }
-}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
@@ -3518,6 +3367,7 @@
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
+ margin-right: 0.5rem;
height: 3rem;
}
.p-paginator .p-dropdown .p-dropdown-label {
@@ -3576,19 +3426,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-picklist .p-picklist-filter-container {
- padding: 0.75rem;
- background: #ffffff;
- border: 1px solid #e0e0e0;
- border-bottom: 0 none;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.75rem;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.75rem;
- color: rgba(0, 0, 0, 0.6);
-}
.p-picklist .p-picklist-list {
border: 1px solid #e0e0e0;
background: #ffffff;
@@ -3618,35 +3455,38 @@
color: #673AB7;
background: rgba(103, 58, 183, 0.12);
}
-
-@media screen and (max-width: 769px) {
- .p-picklist {
- flex-direction: column;
- }
- .p-picklist .p-picklist-buttons {
- padding: 0.75rem;
- flex-direction: row;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-buttons .p-button:last-child {
- margin-right: 0;
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
- content: "\e930";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
- content: "\e92c";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
- content: "\e933";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
- content: "\e92f";
- }
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: rgba(0, 0, 0, 0.02);
}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 0 none;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #bdbdbd;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #bdbdbd;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
.p-tree {
border: 1px solid #e0e0e0;
background: #ffffff;
@@ -3713,10 +3553,6 @@
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
}
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87);
-}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
@@ -3734,12 +3570,6 @@
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
-.p-tree .p-treenode-droppoint {
- height: 0.5rem;
-}
-.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
- background: rgba(82, 46, 146, 0.12);
-}
.p-treetable .p-paginator-top {
border-width: 0 0 1px 0;
@@ -3865,11 +3695,11 @@
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: #673AB7;
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: rgba(0, 0, 0, 0.87);
}
.p-treetable .p-column-resizer-helper {
@@ -3934,31 +3764,6 @@
padding: 0.9375rem 0.9375rem;
}
-.p-timeline .p-timeline-event-marker {
- border: 0 none;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #bdbdbd;
-}
-.p-timeline .p-timeline-event-connector {
- background-color: #bdbdbd;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
-}
-
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1.25rem;
border: 0 none;
@@ -3974,7 +3779,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: none;
+ box-shadow: inset none;
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #f6f6f6;
@@ -4028,7 +3833,7 @@
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
-.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-content {
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
@@ -4091,6 +3896,9 @@
outline-offset: 0;
box-shadow: none;
}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: rgba(0, 0, 0, 0.87);
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: rgba(0, 0, 0, 0.04);
border-color: #e0e0e0;
@@ -4104,8 +3912,8 @@
background-color: #ffffff;
}
.p-divider.p-divider-horizontal {
- margin: 1.25rem 0;
- padding: 0 1.25rem;
+ margin: 1rem 0;
+ padding: 0 1rem;
}
.p-divider.p-divider-horizontal:before {
border-top: 1px rgba(0, 0, 0, 0.12);
@@ -4114,8 +3922,8 @@
padding: 0 0.5rem;
}
.p-divider.p-divider-vertical {
- margin: 0 1.25rem;
- padding: 1.25rem 0;
+ margin: 0 1rem;
+ padding: 1rem 0;
}
.p-divider.p-divider-vertical:before {
border-left: 1px rgba(0, 0, 0, 0.12);
@@ -4174,6 +3982,17 @@
border-top: 0 none;
}
+.p-scrollpanel .p-scrollpanel-bar {
+ background: rgba(0, 0, 0, 0.12);
+ border: 0 none;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+
.p-splitter {
border: 1px solid #e0e0e0;
background: #ffffff;
@@ -4186,16 +4005,17 @@
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: rgba(0, 0, 0, 0.12);
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
}
.p-splitter .p-splitter-gutter-resizing {
background: rgba(0, 0, 0, 0.12);
}
-.p-scrollpanel .p-scrollpanel-bar {
- background: rgba(0, 0, 0, 0.12);
- border: 0 none;
-}
-
.p-tabview .p-tabview-nav {
background: #ffffff;
border: solid rgba(0, 0, 0, 0.12);
@@ -4232,9 +4052,6 @@
border-color: rgba(0, 0, 0, 0.12);
color: #673AB7;
}
-.p-tabview .p-tabview-close {
- margin-left: 0.5rem;
-}
.p-tabview .p-tabview-nav-btn.p-link {
background: #ffffff;
color: #673AB7;
@@ -4487,9 +4304,12 @@
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
+ gap: 0.5rem;
}
-.p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
}
.p-fileupload .p-fileupload-content {
background: #ffffff;
@@ -4499,6 +4319,22 @@
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ border-radius: 4px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
.p-fileupload .p-progressbar {
height: 4px;
}
@@ -4509,35 +4345,46 @@
margin-top: 0;
}
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: rgba(103, 58, 183, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: rgba(103, 58, 183, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+
.p-breadcrumb {
background: #ffffff;
border: 1px solid #e5e5e5;
border-radius: 4px;
padding: 0.75rem;
}
-.p-breadcrumb ul li .p-menuitem-link {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: none;
border-radius: 4px;
}
-.p-breadcrumb ul li .p-menuitem-link:focus {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: rgba(0, 0, 0, 0.87);
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: rgba(0, 0, 0, 0.6);
}
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: rgba(0, 0, 0, 0.6);
}
-.p-breadcrumb ul li:last-child .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: rgba(0, 0, 0, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: rgba(0, 0, 0, 0.6);
}
@@ -4550,39 +4397,8 @@
border-radius: 4px;
width: 12.5rem;
}
-.p-contextmenu .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87);
-}
-.p-contextmenu .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 {
- color: rgba(0, 0, 0, 0.6);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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-link:focus {
+.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
}
.p-contextmenu .p-submenu-list {
padding: 0.5rem 0;
@@ -4591,16 +4407,59 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-active > .p-menuitem-link {
- background: rgba(0, 0, 0, 0.04);
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(0, 0, 0, 0.87);
+ transition: none;
+ border-radius: 0;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .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-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(0, 0, 0, 0.6);
}
-.p-contextmenu .p-menu-separator {
+.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.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ 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: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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-contextmenu .p-menuitem: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: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: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-menuitem-separator {
border-top: 1px solid rgba(0, 0, 0, 0.12);
margin: 0.5rem 0;
}
@@ -4608,78 +4467,71 @@
font-size: 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-action {
+.p-dock .p-dock-item.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-dock .p-dock-link {
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 {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
- .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list {
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
- .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container {
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
- .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
- .p-dock.p-dock-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 {
+ .p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
@@ -4691,90 +4543,60 @@
border: 1px solid #e5e5e5;
border-radius: 4px;
}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 4px;
- transition: none;
- user-select: none;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .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 {
- 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 {
- 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 {
- 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 {
- color: rgba(0, 0, 0, 0.87);
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6);
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+.p-megamenu .p-megamenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
}
-.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(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 {
- color: rgba(0, 0, 0, 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 {
- 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 > .p-menuitem-content {
color: rgba(0, 0, 0, 0.87);
+ transition: none;
border-radius: 0;
- transition: none;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
user-select: none;
}
-.p-megamenu .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-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-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);
}
-.p-megamenu .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-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-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-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6);
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(0, 0, 0, 0.04);
}
-.p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
+.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-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-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: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: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: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-megamenu-panel {
background: #ffffff;
@@ -4782,7 +4604,7 @@
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 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);
@@ -4791,27 +4613,48 @@
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;
}
+.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-menu {
padding: 0.5rem 0;
@@ -4821,39 +4664,57 @@
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 {
+ 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;
@@ -4869,7 +4730,7 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
}
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
border-top: 1px solid rgba(0, 0, 0, 0.12);
margin: 0.5rem 0;
}
@@ -4881,89 +4742,89 @@
border: 1px solid #e5e5e5;
border-radius: 4px;
}
-.p-menubar .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87);
-}
-.p-menubar .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 {
- color: rgba(0, 0, 0, 0.6);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .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 {
- color: rgba(0, 0, 0, 0.6);
-}
-.p-menubar .p-menuitem-link:focus {
+.p-menubar .p-menubar-root-list {
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-menubar-root-list > .p-menuitem > .p-menuitem-content {
color: rgba(0, 0, 0, 0.87);
- border-radius: 4px;
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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(0, 0, 0, 0.6);
}
-.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+.p-menubar .p-menuitem > .p-menuitem-content {
+ color: rgba(0, 0, 0, 0.87);
+ transition: none;
+ border-radius: 0;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ user-select: none;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.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-menuitem > .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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-.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 {
+.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-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.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-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.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-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.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(0, 0, 0, 0.04);
+}
+.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-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-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-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-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 {
@@ -4973,22 +4834,13 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem.p-menuitem-active > .p-menuitem-link {
- 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-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);
-}
@media screen and (max-width: 960px) {
.p-menubar {
@@ -5020,56 +4872,22 @@
box-shadow: 0 2px 4px -1px rgba(0, 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: 100%;
}
- .p-menubar .p-menubar-root-list .p-menu-separator {
+ .p-menubar .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-root-list .p-submenu-icon {
font-size: 0.875rem;
}
- .p-menubar .p-menubar-root-list > .p-menuitem {
+ .p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .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 {
- 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 {
- color: rgba(0, 0, 0, 0.6);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- 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 {
- 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 {
- 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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5082,26 +4900,26 @@
transition: transform 0.2s;
transform: rotate(90deg);
}
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 5.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 6.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 8.25rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5112,42 +4930,45 @@
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-action {
+ padding: 1.25rem;
+ font-weight: 400;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a:focus {
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .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);
@@ -5163,66 +4984,91 @@
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 {
+ 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 {
+.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: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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-.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;
}
@@ -5231,80 +5077,6 @@
border-bottom-left-radius: 4px;
}
-.p-slidemenu {
- padding: 0.5rem 0;
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- border: 1px solid #e5e5e5;
- border-radius: 4px;
- width: 12.5rem;
-}
-.p-slidemenu .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87);
-}
-.p-slidemenu .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 {
- color: rgba(0, 0, 0, 0.6);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-.p-slidemenu.p-slidemenu-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-slidemenu .p-slidemenu-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-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
- background: rgba(0, 0, 0, 0.04);
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
- color: rgba(0, 0, 0, 0.87);
-}
-.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: rgba(0, 0, 0, 0.6);
-}
-.p-slidemenu .p-slidemenu-separator {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- margin: 0.5rem 0;
-}
-.p-slidemenu .p-slidemenu-icon {
- font-size: 0.875rem;
-}
-.p-slidemenu .p-slidemenu-backward {
- padding: 0.75rem 0.75rem;
- color: rgba(0, 0, 0, 0.87);
-}
-
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: none;
@@ -5370,7 +5142,6 @@
border-top-left-radius: 4px;
transition: none;
margin: 0 0 -1px 0;
- height: calc(100% + 1px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
@@ -5399,61 +5170,73 @@
border-radius: 4px;
width: 12.5rem;
}
-.p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87);
-}
-.p-tieredmenu .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 {
- color: rgba(0, 0, 0, 0.6);
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04);
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87);
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.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-active > .p-menuitem-link {
- background: rgba(0, 0, 0, 0.04);
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(0, 0, 0, 0.87);
+ transition: none;
+ border-radius: 0;
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .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 > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(0, 0, 0, 0.6);
}
-.p-tieredmenu .p-menu-separator {
+.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.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ 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: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-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-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: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: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: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-menuitem-separator {
border-top: 1px solid rgba(0, 0, 0, 0.12);
margin: 0.5rem 0;
}
@@ -5765,9 +5548,6 @@
background: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.87);
}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- transition: none;
-}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
@@ -5841,134 +5621,6 @@
border: 2px solid #ffffff;
}
-.p-chip {
- background-color: rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- border-radius: 16px;
- padding: 0 0.75rem;
-}
-.p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.375rem;
- margin-bottom: 0.375rem;
-}
-.p-chip .p-chip-icon {
- margin-right: 0.5rem;
-}
-.p-chip img {
- width: 2.25rem;
- height: 2.25rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem;
-}
-.p-chip .p-chip-remove-icon {
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-left: 0.5rem;
-}
-.p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-
-.p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-scrolltop.p-link {
- background: #4CAF50;
-}
-.p-scrolltop.p-link:hover {
- background: rgba(76, 175, 80, 0.92);
-}
-.p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #ffffff;
-}
-
-.p-skeleton {
- background-color: rgba(0, 0, 0, 0.08);
- 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: #673AB7;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 4px;
-}
-.p-tag.p-tag-success {
- background-color: #689F38;
- color: #ffffff;
-}
-.p-tag.p-tag-info {
- background-color: #2196F3;
- color: #ffffff;
-}
-.p-tag.p-tag-warning {
- background-color: #FBC02D;
- color: #212529;
-}
-.p-tag.p-tag-danger {
- background-color: #D32F2F;
- color: #ffffff;
-}
-.p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem;
-}
-
-.p-inplace .p-inplace-display {
- padding: 1rem 1rem;
- border-radius: 4px;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
-}
-.p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87);
-}
-.p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-
-.p-progressbar {
- border: 0 none;
- height: 4px;
- background: rgba(103, 58, 183, 0.32);
- border-radius: 4px;
-}
-.p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #673AB7;
-}
-.p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 4px;
-}
-
-.p-terminal {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- border: 1px solid #e0e0e0;
- padding: 0.75rem;
-}
-.p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
-}
-
.p-badge {
background: #673AB7;
color: #ffffff;
@@ -6011,6 +5663,94 @@
line-height: 3rem;
}
+.p-chip {
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 16px;
+ padding: 0 0.75rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.375rem;
+ margin-bottom: 0.375rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 2.25rem;
+ height: 2.25rem;
+ margin-left: -0.75rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 4px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+
+.p-inplace .p-inplace-display {
+ padding: 1rem 1rem;
+ border-radius: 4px;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 4px;
+ background: rgba(103, 58, 183, 0.32);
+ border-radius: 4px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #673AB7;
+}
+.p-progressbar .p-progressbar-label {
+ color: #ffffff;
+ line-height: 4px;
+}
+
+.p-scrolltop {
+ width: 2.75rem;
+ height: 2.75rem;
+ border-radius: 50%;
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: #4CAF50;
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(76, 175, 80, 0.92);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.15rem;
+ color: #ffffff;
+}
+
+.p-skeleton {
+ background-color: rgba(0, 0, 0, 0.08);
+ 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: #673AB7;
color: #ffffff;
@@ -6035,6 +5775,21 @@
background-color: #D32F2F;
color: #ffffff;
}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
+
+.p-terminal {
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.87);
+ border: 1px solid #e0e0e0;
+ padding: 0.75rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
+}
.p-accordion .p-accordion-tab {
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);
@@ -6168,19 +5923,19 @@
.p-button.p-button-icon-only {
min-width: auto;
}
-.p-button:enabled:focus, .p-button:not(button):not(a):not(.p-disabled):focus {
+.p-button:enabled:focus {
background: rgba(103, 58, 183, 0.76);
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: rgba(103, 58, 183, 0.68);
}
.p-button .p-ink {
background-color: rgba(255, 255, 255, 0.32);
}
-.p-button.p-button-text:enabled:focus, .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-outlined:enabled:focus, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus {
background: rgba(103, 58, 183, 0.12);
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active {
background: rgba(103, 58, 183, 0.16);
}
.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink {
@@ -6209,103 +5964,103 @@
color: rgba(0, 0, 0, 0.38) !important;
border-color: rgba(0, 0, 0, 0.38) !important;
}
-.p-button.p-button-raised:enabled:focus, .p-button.p-button-raised:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-raised:enabled:focus {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
background: rgba(76, 175, 80, 0.76);
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: rgba(76, 175, 80, 0.68);
}
-.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:focus, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus {
background: rgba(76, 175, 80, 0.12);
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(76, 175, 80, 0.16);
}
-.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-secondary.p-button-text .p-ink, .p-fileupload-choose.p-button-secondary.p-button-outlined .p-ink {
+.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink {
background-color: rgba(76, 175, 80, 0.16);
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
background: rgba(33, 150, 243, 0.76);
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: rgba(33, 150, 243, 0.68);
}
-.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info.p-button-text:enabled:focus, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus {
background: rgba(33, 150, 243, 0.12);
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(33, 150, 243, 0.16);
}
-.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-info.p-button-text .p-ink, .p-fileupload-choose.p-button-info.p-button-outlined .p-ink {
+.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink {
background-color: rgba(33, 150, 243, 0.16);
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
background: rgba(104, 159, 56, 0.76);
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: rgba(104, 159, 56, 0.68);
}
-.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success.p-button-text:enabled:focus, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus {
background: rgba(104, 159, 56, 0.12);
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(104, 159, 56, 0.16);
}
-.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-success.p-button-text .p-ink, .p-fileupload-choose.p-button-success.p-button-outlined .p-ink {
+.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink {
background-color: rgba(104, 159, 56, 0.16);
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
background: rgba(251, 192, 45, 0.76);
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: rgba(251, 192, 45, 0.68);
}
-.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning.p-button-text:enabled:focus, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus {
background: rgba(251, 192, 45, 0.12);
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(251, 192, 45, 0.16);
}
-.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-warning.p-button-text .p-ink, .p-fileupload-choose.p-button-warning.p-button-outlined .p-ink {
+.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink {
background-color: rgba(251, 192, 45, 0.16);
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
background: rgba(156, 39, 176, 0.76);
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: rgba(156, 39, 176, 0.68);
}
-.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help.p-button-text:enabled:focus, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus {
background: rgba(156, 39, 176, 0.12);
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(156, 39, 176, 0.16);
}
-.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-help.p-button-text .p-ink, .p-fileupload-choose.p-button-help.p-button-outlined .p-ink {
+.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink {
background-color: rgba(156, 39, 176, 0.16);
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
background: rgba(211, 47, 47, 0.76);
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: rgba(211, 47, 47, 0.68);
}
-.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger.p-button-text:enabled:focus, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus {
background: rgba(211, 47, 47, 0.12);
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(211, 47, 47, 0.16);
}
-.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-danger.p-button-text .p-ink, .p-fileupload-choose.p-button-danger.p-button-outlined .p-ink {
+.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink {
background-color: rgba(211, 47, 47, 0.16);
}
@@ -6339,13 +6094,19 @@
.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled {
background-color: transparent !important;
}
-.p-calendar-w-btn:not(.p-disabled):hover {
+.p-calendar-w-btn:not(.p-calendar-disabled):hover {
border-color: rgba(0, 0, 0, 0.87);
}
-.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+.p-calendar-w-btn:not(.p-calendar-disabled).p-inputwrapper-focus {
border-color: #673AB7;
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-calendar-w-btn.p-calendar-disabled {
+ opacity: 0.38;
+}
+.p-calendar-w-btn.p-calendar-disabled .p-inputtext {
+ opacity: 1;
+}
.p-datepicker .p-datepicker-header {
border-bottom: 0 none;
@@ -6400,18 +6161,18 @@
background-image: none;
background: transparent;
}
-.p-input-filled .p-calendar-w-btn:not(.p-disabled):hover {
+.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
-.p-input-filled .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
-.p-input-filled .p-calendar-w-btn .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:focus {
+.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
@@ -6441,9 +6202,7 @@
box-shadow: none;
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,
-.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext {
border: 0 none;
background-image: none;
}
@@ -6501,6 +6260,7 @@
background-image: none;
background: transparent;
}
+
.p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label {
padding-top: 1.25rem;
padding-bottom: 0.25rem;
@@ -6657,6 +6417,13 @@
box-shadow: 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-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(0, 0, 0, 0.12);
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ background: rgba(0, 0, 0, 0.12);
+}
+
.p-datatable .p-sortable-column {
outline: 0 none;
}
@@ -6853,9 +6620,7 @@
}
.p-input-filled .p-inputgroup-addon:first-child,
.p-input-filled .p-inputgroup button:first-child,
-.p-input-filled .p-inputgroup input:first-child,
-.p-input-filled .p-inputgroup > .p-inputwrapper:first-child,
-.p-input-filled .p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
+.p-input-filled .p-inputgroup input:first-child {
border-bottom-left-radius: 0;
}
.p-input-filled .p-inputgroup .p-float-label:first-child input {
@@ -6863,9 +6628,7 @@
}
.p-input-filled .p-inputgroup-addon:last-child,
.p-input-filled .p-inputgroup button:last-child,
-.p-input-filled .p-inputgroup input:last-child,
-.p-input-filled .p-inputgroup > .p-inputwrapper:last-child,
-.p-input-filled .p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
+.p-input-filled .p-inputgroup input:last-child {
border-bottom-right-radius: 0;
}
.p-input-filled .p-inputgroup .p-float-label:last-child input {
@@ -6896,13 +6659,13 @@
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before {
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), 0 0 1px 10px rgba(0, 0, 0, 0.04);
}
-.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
+.p-inputswitch.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before {
box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
-.p-inputswitch.p-inputswitch-checked.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
+.p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
@@ -6960,15 +6723,24 @@
background: rgba(103, 58, 183, 0.24);
}
-.p-megamenu .p-menuitem .p-menuitem-link:focus {
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(0, 0, 0, 0.12);
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
background: rgba(0, 0, 0, 0.12);
}
-.p-menu .p-menuitem .p-menuitem-link:focus {
+.p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(0, 0, 0, 0.12);
+}
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
background: rgba(0, 0, 0, 0.12);
}
-.p-menubar .p-menuitem .p-menuitem-link:focus {
+.p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(0, 0, 0, 0.12);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
background: rgba(0, 0, 0, 0.12);
}
@@ -6992,7 +6764,7 @@
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus.p-highlight {
background: rgba(103, 58, 183, 0.24);
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+.p-multiselect-panel .p-multiselect-close:focus {
background: rgba(0, 0, 0, 0.12);
}
@@ -7069,10 +6841,6 @@
box-shadow: 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;
-}
-
.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
background: rgba(0, 0, 0, 0.12);
}
@@ -7080,6 +6848,10 @@
background: rgba(103, 58, 183, 0.24);
}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 1.5rem;
+}
+
.p-paginator {
justify-content: flex-end;
}
@@ -7126,6 +6898,26 @@
background: rgba(0, 0, 0, 0.12);
}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
+ order: 1;
+ margin-left: auto;
+ margin-right: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-disabled {
+ opacity: 1;
+}
+.p-panelmenu .p-panelmenu-header.p-disabled .p-panelmenu-header-content > * {
+ opacity: 0.38;
+}
+.p-panelmenu .p-panelmenu-header:focus .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-header.p-highlight:focus .p-panelmenu-header-content {
+ background: #f6f6f6;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ 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 {
+ background: rgba(0, 0, 0, 0.12);
+}
.p-panelmenu .p-panelmenu-panel {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;
@@ -7141,23 +6933,6 @@
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
-.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon {
- order: 1;
- margin-left: auto;
- margin-right: 0;
-}
-.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled {
- opacity: 1;
-}
-.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * {
- opacity: 0.38;
-}
-.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus {
- background: #f6f6f6;
-}
-.p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus {
- background: rgba(0, 0, 0, 0.12);
-}
.p-picklist .p-picklist-list .p-picklist-item:focus {
background: rgba(0, 0, 0, 0.12);
@@ -7169,10 +6944,32 @@
.p-progressbar {
border-radius: 0;
}
-.p-progressbar .p-progressbar-label {
+.p-progressbar.p-progressbar-determinate .p-progressbar-label {
display: none;
}
+.p-rating {
+ gap: 0;
+}
+.p-rating .p-rating-item {
+ border-radius: 50%;
+ width: 2rem;
+ height: 2rem;
+ justify-content: center;
+}
+.p-rating .p-rating-item.p-focus {
+ background: rgba(103, 58, 183, 0.12);
+}
+.p-rating .p-rating-item.p-focus.p-rating-cancel-item {
+ background: rgba(176, 0, 32, 0.12);
+}
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover {
+ background-color: rgba(0, 0, 0, 0.04);
+}
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item {
+ background: rgba(176, 0, 32, 0.04);
+}
+
.p-radiobutton {
border-radius: 50%;
transition: box-shadow 0.2s;
@@ -7206,26 +7003,8 @@
background-color: #ffffff;
}
-.p-rating {
- gap: 0;
-}
-.p-rating .p-rating-item {
- border-radius: 50%;
- width: 2rem;
- height: 2rem;
- justify-content: center;
-}
-.p-rating .p-rating-item:focus {
- background: rgba(103, 58, 183, 0.12);
-}
-.p-rating .p-rating-item:focus.p-rating-cancel-item {
- background: rgba(176, 0, 32, 0.12);
-}
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover {
- background-color: rgba(0, 0, 0, 0.04);
-}
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item {
- background: rgba(176, 0, 32, 0.04);
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ box-shadow: 0 0 1px 4px rgba(76, 175, 80, 0.2);
}
.p-selectbutton .p-button:focus {
@@ -7237,10 +7016,6 @@
border-color: #d9d8d9;
}
-.p-slidemenu .p-menuitem-link:focus {
- background: rgba(0, 0, 0, 0.12);
-}
-
.p-slider .p-slider-handle {
transition: transform 0.2s, box-shadow 0.2s;
transform: scale(0.7);
@@ -7326,6 +7101,17 @@
background: rgba(211, 47, 47, 0.16);
}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ transition: transform 0.2s, box-shadow 0.2s;
+ transform: scale(0.7);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ box-shadow: 0 0 1px 6px rgba(76, 175, 80, 0.2);
+}
+.p-splitter .p-splitter-gutter.p-splitter-gutter-resizing .p-splitter-gutter-handle {
+ transform: scale(1);
+}
+
.p-steps {
padding: 1rem 0;
}
@@ -7402,7 +7188,10 @@
transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
}
-.p-tieredmenu .p-menuitem-link:focus {
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(0, 0, 0, 0.12);
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
background: rgba(0, 0, 0, 0.12);
}
diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css
index 820fd3c..0622a74 100644
--- a/public/themes/mdc-light-indigo/theme.css
+++ b/public/themes/mdc-light-indigo/theme.css
@@ -40,8 +40,8 @@
--surface-overlay:#ffffff;
--surface-border:rgba(0,0,0,.12);
--surface-hover:rgba(0,0,0,.04);
- --maskbg: rgba(0, 0, 0, 0.32);
--focus-ring: none;
+ --maskbg: rgba(0, 0, 0, 0.32);
color-scheme: light;
}
@@ -265,18 +265,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3rem;
}
-.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.375rem 0.75rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: rgba(0, 0, 0, 0.87);
}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #3F51B5;
}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.375rem 0.75rem;
+ gap: 0.5rem;
+}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.375rem 0;
}
@@ -289,14 +290,17 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: rgba(63, 81, 181, 0.12);
- color: #3F51B5;
- border-radius: 4px;
+ background: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: rgba(0, 0, 0, 0.24);
+ color: rgba(0, 0, 0, 0.87);
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #B00020;
}
@@ -320,14 +324,21 @@
transition: none;
border-radius: 0;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04);
-}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #3F51B5;
background: rgba(63, 81, 181, 0.12);
}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: rgba(63, 81, 181, 0.24);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.12);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.04);
+}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem;
@@ -518,10 +529,10 @@
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
+ border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
- border-left: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.04);
@@ -609,22 +620,24 @@
transition: none;
border-radius: 0;
}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.75rem 0.75rem;
-}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #3F51B5;
background: rgba(63, 81, 181, 0.12);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: rgba(63, 81, 181, 0.24);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.12);
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.04);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.75rem 0.75rem;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@@ -661,11 +674,6 @@
border-color: #3F51B5;
background: #3F51B5;
}
-.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
- border-color: #3F51B5;
- background: #3F51B5;
- color: #ffffff;
-}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: rgba(0, 0, 0, 0.87);
}
@@ -697,24 +705,28 @@
background: #3F51B5;
}
-.p-chips .p-chips-multiple-container {
- padding: 0.375rem 0.75rem;
-}
-.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: rgba(0, 0, 0, 0.87);
}
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
border-color: #3F51B5;
}
+.p-chips .p-chips-multiple-container {
+ padding: 0.375rem 0.75rem;
+}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
- background: rgba(63, 81, 181, 0.12);
- color: #3F51B5;
- border-radius: 4px;
+ background: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: rgba(0, 0, 0, 0.24);
+ color: rgba(0, 0, 0, 0.87);
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@@ -776,7 +788,7 @@
.p-dropdown .p-dropdown-label.p-placeholder {
color: rgba(0, 0, 0, 0.6);
}
-.p-dropdown .p-dropdown-label:enabled:focus {
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
@@ -819,13 +831,6 @@
right: 0.75rem;
color: rgba(0, 0, 0, 0.6);
}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
- padding-right: 3.5rem;
- margin-right: -3.5rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
- right: 2.5rem;
-}
.p-dropdown-panel .p-dropdown-items {
padding: 0;
}
@@ -842,6 +847,13 @@
color: #3F51B5;
background: rgba(63, 81, 181, 0.12);
}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: rgba(63, 81, 181, 0.24);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.12);
+}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.04);
@@ -1083,7 +1095,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: rgba(63, 81, 181, 0.5);
}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
+.p-inputswitch.p-invalid {
border-color: #B00020;
}
@@ -1125,13 +1137,11 @@
transition-duration: 0.2s;
}
-.p-float-label > label.p-error {
+.p-float-label > .p-invalid + label {
color: #B00020;
}
-.p-input-icon-left > i:first-of-type,
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: rgba(0, 0, 0, 0.6);
}
@@ -1144,9 +1154,7 @@
left: 2.5rem;
}
-.p-input-icon-right > i:last-of-type,
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: rgba(0, 0, 0, 0.6);
}
@@ -1196,6 +1204,7 @@
color: rgba(0, 0, 0, 0.87);
border: 1px solid #e5e5e5;
border-radius: 4px;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-listbox .p-listbox-header {
padding: 0.75rem;
@@ -1215,6 +1224,7 @@
}
.p-listbox .p-listbox-list {
padding: 0;
+ outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
@@ -1228,11 +1238,6 @@
color: #3F51B5;
background: rgba(63, 81, 181, 0.12);
}
-.p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 0.75rem;
@@ -1245,42 +1250,27 @@
color: rgba(0, 0, 0, 0.87);
background: transparent;
}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: rgba(63, 81, 181, 0.24);
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.12);
+}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.04);
}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #3F51B5;
+}
.p-listbox.p-invalid {
border-color: #B00020;
}
-.p-mention-panel {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- border: 0 none;
- border-radius: 4px;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
-}
-.p-mention-panel .p-mention-items {
- padding: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item {
- margin: 0;
- padding: 0.75rem 0.75rem;
- border: 0 none;
- color: rgba(0, 0, 0, 0.87);
- background: transparent;
- transition: none;
- border-radius: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item:hover {
- color: rgba(0, 0, 0, 0.87);
- background: rgba(0, 0, 0, 0.04);
-}
-.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
- color: #3F51B5;
- background: rgba(63, 81, 181, 0.12);
-}
-
.p-multiselect {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.38);
@@ -1296,9 +1286,6 @@
box-shadow: none;
border-color: #3F51B5;
}
-.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.75rem;
-}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
@@ -1309,9 +1296,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
- background: rgba(63, 81, 181, 0.12);
- color: #3F51B5;
- border-radius: 4px;
+ background: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
@@ -1323,10 +1310,6 @@
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
-.p-multiselect .p-multiselect-clear-icon {
- color: rgba(0, 0, 0, 0.6);
- right: 2.357rem;
-}
.p-multiselect.p-invalid.p-component {
border-color: #B00020;
}
@@ -1334,12 +1317,6 @@
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.375rem 0.75rem;
}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
- padding: 0.75rem 0.75rem;
-}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.75rem;
-}
.p-multiselect-panel {
background: #ffffff;
@@ -1357,9 +1334,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
- margin: 0 0.5rem;
-}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.75rem;
}
@@ -1367,7 +1341,11 @@
right: 0.75rem;
color: rgba(0, 0, 0, 0.6);
}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: rgba(0, 0, 0, 0.6);
@@ -1402,15 +1380,17 @@
color: #3F51B5;
background: rgba(63, 81, 181, 0.12);
}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: rgba(63, 81, 181, 0.24);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(0, 0, 0, 0.87);
+ background: rgba(0, 0, 0, 0.12);
+}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(0, 0, 0, 0.87);
background: rgba(0, 0, 0, 0.04);
}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
@@ -1462,15 +1442,6 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #689F38;
}
-.p-password-panel .p-password-info.weak {
- color: #D32F2F;
-}
-.p-password-panel .p-password-info.medium {
- color: #FBC02D;
-}
-.p-password-panel .p-password-info.strong {
- color: #689F38;
-}
.p-radiobutton {
width: 20px;
@@ -1540,10 +1511,11 @@
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #B00020;
}
-.p-rating .p-rating-item:focus {
+.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
+ border-color: #3F51B5;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #3F51B5;
@@ -1687,50 +1659,6 @@
border-radius: 4px;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
-.p-treeselect-panel .p-treeselect-header {
- padding: 0.75rem;
- border-bottom: 1px solid rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
- margin-right: 0.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
- padding-right: 1.75rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.75rem;
- color: rgba(0, 0, 0, 0.6);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 3.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 2.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: rgba(0, 0, 0, 0.6);
- border: 0 none;
- 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: rgba(0, 0, 0, 0.6);
- border-color: transparent;
- background: rgba(0, 0, 0, 0.04);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
@@ -1760,6 +1688,12 @@
.p-togglebutton.p-button .p-button-icon-right {
color: rgba(0, 0, 0, 0.6);
}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+ border-color: #3F51B5;
+}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: #f6f6f6;
border-color: rgba(0, 0, 0, 0.12);
@@ -1800,12 +1734,12 @@
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
border-radius: 4px;
}
-.p-button:enabled:hover, .p-button:not(button):not(a):not(.p-disabled):hover {
+.p-button:enabled:hover {
background: rgba(63, 81, 181, 0.92);
color: #ffffff;
border-color: transparent;
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: rgba(63, 81, 181, 0.68);
color: #ffffff;
border-color: transparent;
@@ -1815,12 +1749,12 @@
color: #3F51B5;
border: 0 none;
}
-.p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined:enabled:hover {
background: rgba(63, 81, 181, 0.04);
color: #3F51B5;
border: 0 none;
}
-.p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined:enabled:active {
background: rgba(63, 81, 181, 0.16);
color: #3F51B5;
border: 0 none;
@@ -1829,11 +1763,11 @@
color: rgba(0, 0, 0, 0.6);
border-color: rgba(0, 0, 0, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:hover, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:active, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined.p-button-plain:enabled:active {
background: rgba(0, 0, 0, 0.16);
color: rgba(0, 0, 0, 0.6);
}
@@ -1842,12 +1776,12 @@
color: #3F51B5;
border-color: transparent;
}
-.p-button.p-button-text:enabled:hover, .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text:enabled:hover {
background: rgba(63, 81, 181, 0.04);
color: #3F51B5;
border-color: transparent;
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active {
background: rgba(63, 81, 181, 0.16);
color: #3F51B5;
border-color: transparent;
@@ -1855,11 +1789,11 @@
.p-button.p-button-text.p-button-plain {
color: rgba(0, 0, 0, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:hover, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text.p-button-plain:enabled:hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:active, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text.p-button-plain:enabled:active {
background: rgba(0, 0, 0, 0.16);
color: rgba(0, 0, 0, 0.6);
}
@@ -1868,6 +1802,9 @@
outline-offset: 0;
box-shadow: none;
}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1920,20 +1857,11 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
+.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
- margin-right: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
- margin-top: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
- margin-bottom: 0.5rem;
-}
.p-button.p-button-loading-label-only .p-button-loading-icon {
- margin: 0;
+ margin-right: 0;
}
.p-fluid .p-button {
@@ -1949,295 +1877,295 @@
flex: 1;
}
-.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 {
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #ff4081;
border: 0 none;
}
-.p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary:enabled:hover, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: rgba(255, 64, 129, 0.92);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: rgba(255, 64, 129, 0.68);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #ff4081;
border: 0 none;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(255, 64, 129, 0.04);
color: #ff4081;
border: 0 none;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(255, 64, 129, 0.16);
color: #ff4081;
border: 0 none;
}
-.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #ff4081;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-text:enabled:hover, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(255, 64, 129, 0.04);
border-color: transparent;
color: #ff4081;
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(255, 64, 129, 0.16);
border-color: transparent;
color: #ff4081;
}
-.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #2196F3;
border: 0 none;
}
-.p-button.p-button-info:enabled:hover, .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info:enabled:hover, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: rgba(33, 150, 243, 0.92);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: rgba(33, 150, 243, 0.68);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #2196F3;
border: 0 none;
}
-.p-button.p-button-info.p-button-outlined:enabled:hover, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(33, 150, 243, 0.04);
color: #2196F3;
border: 0 none;
}
-.p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(33, 150, 243, 0.16);
color: #2196F3;
border: 0 none;
}
-.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #2196F3;
border-color: transparent;
}
-.p-button.p-button-info.p-button-text:enabled:hover, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(33, 150, 243, 0.04);
border-color: transparent;
color: #2196F3;
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(33, 150, 243, 0.16);
border-color: transparent;
color: #2196F3;
}
-.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #689F38;
border: 0 none;
}
-.p-button.p-button-success:enabled:hover, .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success:enabled:hover, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: rgba(104, 159, 56, 0.92);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: rgba(104, 159, 56, 0.68);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #689F38;
border: 0 none;
}
-.p-button.p-button-success.p-button-outlined:enabled:hover, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(104, 159, 56, 0.04);
color: #689F38;
border: 0 none;
}
-.p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(104, 159, 56, 0.16);
color: #689F38;
border: 0 none;
}
-.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #689F38;
border-color: transparent;
}
-.p-button.p-button-success.p-button-text:enabled:hover, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(104, 159, 56, 0.04);
border-color: transparent;
color: #689F38;
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(104, 159, 56, 0.16);
border-color: transparent;
color: #689F38;
}
-.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529;
background: #FBC02D;
border: 0 none;
}
-.p-button.p-button-warning:enabled:hover, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning:enabled:hover, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: rgba(251, 192, 45, 0.92);
color: #212529;
border-color: transparent;
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: rgba(251, 192, 45, 0.68);
color: #212529;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #FBC02D;
border: 0 none;
}
-.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(251, 192, 45, 0.04);
color: #FBC02D;
border: 0 none;
}
-.p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(251, 192, 45, 0.16);
color: #FBC02D;
border: 0 none;
}
-.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #FBC02D;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-text:enabled:hover, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(251, 192, 45, 0.04);
border-color: transparent;
color: #FBC02D;
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(251, 192, 45, 0.16);
border-color: transparent;
color: #FBC02D;
}
-.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #9C27B0;
border: 0 none;
}
-.p-button.p-button-help:enabled:hover, .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help:enabled:hover, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: rgba(156, 39, 176, 0.92);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: rgba(156, 39, 176, 0.68);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #9C27B0;
border: 0 none;
}
-.p-button.p-button-help.p-button-outlined:enabled:hover, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(156, 39, 176, 0.04);
color: #9C27B0;
border: 0 none;
}
-.p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(156, 39, 176, 0.16);
color: #9C27B0;
border: 0 none;
}
-.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #9C27B0;
border-color: transparent;
}
-.p-button.p-button-help.p-button-text:enabled:hover, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(156, 39, 176, 0.04);
border-color: transparent;
color: #9C27B0;
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(156, 39, 176, 0.16);
border-color: transparent;
color: #9C27B0;
}
-.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #D32F2F;
border: 0 none;
}
-.p-button.p-button-danger:enabled:hover, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger:enabled:hover, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: rgba(211, 47, 47, 0.92);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: none;
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: rgba(211, 47, 47, 0.68);
color: #ffffff;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #D32F2F;
border: 0 none;
}
-.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(211, 47, 47, 0.04);
color: #D32F2F;
border: 0 none;
}
-.p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(211, 47, 47, 0.16);
color: #D32F2F;
border: 0 none;
}
-.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #D32F2F;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-text:enabled:hover, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(211, 47, 47, 0.04);
border-color: transparent;
color: #D32F2F;
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(211, 47, 47, 0.16);
border-color: transparent;
color: #D32F2F;
@@ -2248,25 +2176,89 @@
background: transparent;
border: transparent;
}
-.p-button.p-button-link:enabled:hover, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-link:enabled:hover {
background: transparent;
color: #3F51B5;
border-color: transparent;
}
-.p-button.p-button-link:enabled:hover .p-button-label, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
+.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
-.p-button.p-button-link:enabled:focus, .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: none;
border-color: transparent;
}
-.p-button.p-button-link:enabled:active, .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-link:enabled:active {
background: transparent;
color: #3F51B5;
border-color: transparent;
}
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 2rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: #ff4081;
+ color: #fff;
+}
+.p-speeddial-action:hover {
+ background: rgba(255, 64, 129, 0.92);
+ color: #fff;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.32);
+}
+
.p-splitbutton {
border-radius: 4px;
}
@@ -2519,70 +2511,6 @@
color: #D32F2F;
}
-.p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
-}
-.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 2rem;
-}
-
-.p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #ff4081;
- color: #fff;
-}
-.p-speeddial-action:hover {
- background: rgba(255, 64, 129, 0.92);
- color: #fff;
-}
-
-.p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
-}
-
-.p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
-}
-
-.p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
-}
-
-.p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
-}
-
-.p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
-}
-.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
-}
-
-.p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.32);
-}
-
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
@@ -2684,11 +2612,11 @@
background: rgba(63, 81, 181, 0.12);
margin-left: 0.5rem;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: rgba(0, 0, 0, 0.6);
}
.p-datatable .p-sortable-column.p-highlight {
@@ -2698,11 +2626,11 @@
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: rgba(0, 0, 0, 0.87);
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column.p-highlight:hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
color: rgba(0, 0, 0, 0.87);
}
.p-datatable .p-sortable-column:focus {
@@ -2754,9 +2682,9 @@
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 500;
}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
- background: rgba(63, 81, 181, 0.12);
- color: #3F51B5;
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid transparent;
+ outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: rgba(63, 81, 181, 0.12);
@@ -2768,23 +2696,7 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 rgba(63, 81, 181, 0.12);
}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
- outline: 0.15rem solid transparent;
- 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: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87);
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
- outline: 0.15rem solid transparent;
- outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
}
@@ -2824,22 +2736,31 @@
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: rgba(0, 0, 0, 0.02);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: rgba(63, 81, 181, 0.12);
color: #3F51B5;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #3F51B5;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #3F51B5;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
- background: rgba(0, 0, 0, 0.02);
-}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.375rem 0.375rem;
}
@@ -2871,10 +2792,6 @@
padding: 0.9375rem 0.9375rem;
}
-.p-datatable-drag-selection-helper {
- background: rgba(63, 81, 181, 0.16);
-}
-
.p-dataview .p-paginator-top {
border-width: 0 0 1px 0;
border-radius: 0;
@@ -2911,46 +2828,6 @@
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
-.p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
-}
-
-.p-datascroller .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-datascroller-header {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- border: 1px solid #e4e4e4;
- border-width: 0 0 1px 0;
- padding: 0.75rem 0.75rem;
- font-weight: 500;
-}
-.p-datascroller .p-datascroller-content {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- border: 0 none;
- padding: 0.75rem;
-}
-.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
- border: solid rgba(0, 0, 0, 0.12);
- border-width: 0 0 1px 0;
-}
-.p-datascroller .p-datascroller-footer {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- border: 1px solid #e4e4e4;
- border-width: 0 0 1px 0;
- padding: 0.75rem 0.75rem;
- font-weight: 500;
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px;
-}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
@@ -3376,19 +3253,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-orderlist .p-orderlist-filter-container {
- padding: 0.75rem;
- background: #ffffff;
- border: 1px solid #e0e0e0;
- border-bottom: 0 none;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.75rem;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.75rem;
- color: rgba(0, 0, 0, 0.6);
-}
.p-orderlist .p-orderlist-list {
border: 1px solid #e0e0e0;
background: #ffffff;
@@ -3425,22 +3289,6 @@
background: rgba(0, 0, 0, 0.04);
}
-@media screen and (max-width: 769px) {
- .p-orderlist {
- flex-direction: column;
- }
- .p-orderlist .p-orderlist-controls {
- padding: 0.75rem;
- flex-direction: row;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-controls .p-button:last-child {
- margin-right: 0;
- }
-}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
@@ -3519,6 +3367,7 @@
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
+ margin-right: 0.5rem;
height: 3rem;
}
.p-paginator .p-dropdown .p-dropdown-label {
@@ -3577,19 +3426,6 @@
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
-.p-picklist .p-picklist-filter-container {
- padding: 0.75rem;
- background: #ffffff;
- border: 1px solid #e0e0e0;
- border-bottom: 0 none;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.75rem;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.75rem;
- color: rgba(0, 0, 0, 0.6);
-}
.p-picklist .p-picklist-list {
border: 1px solid #e0e0e0;
background: #ffffff;
@@ -3619,35 +3455,38 @@
color: #3F51B5;
background: rgba(63, 81, 181, 0.12);
}
-
-@media screen and (max-width: 769px) {
- .p-picklist {
- flex-direction: column;
- }
- .p-picklist .p-picklist-buttons {
- padding: 0.75rem;
- flex-direction: row;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-buttons .p-button:last-child {
- margin-right: 0;
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
- content: "\e930";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
- content: "\e92c";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
- content: "\e933";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
- content: "\e92f";
- }
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: rgba(0, 0, 0, 0.02);
}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: rgba(0, 0, 0, 0.04);
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 0 none;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #bdbdbd;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #bdbdbd;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
.p-tree {
border: 1px solid #e0e0e0;
background: #ffffff;
@@ -3714,10 +3553,6 @@
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
}
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87);
-}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
@@ -3735,12 +3570,6 @@
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
-.p-tree .p-treenode-droppoint {
- height: 0.5rem;
-}
-.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
- background: rgba(50, 65, 145, 0.12);
-}
.p-treetable .p-paginator-top {
border-width: 0 0 1px 0;
@@ -3866,11 +3695,11 @@
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: #3F51B5;
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: rgba(0, 0, 0, 0.87);
}
.p-treetable .p-column-resizer-helper {
@@ -3935,31 +3764,6 @@
padding: 0.9375rem 0.9375rem;
}
-.p-timeline .p-timeline-event-marker {
- border: 0 none;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #bdbdbd;
-}
-.p-timeline .p-timeline-event-connector {
- background-color: #bdbdbd;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
-}
-
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1.25rem;
border: 0 none;
@@ -3975,7 +3779,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: none;
+ box-shadow: inset none;
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #f6f6f6;
@@ -4029,7 +3833,7 @@
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
-.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-content {
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
@@ -4092,6 +3896,9 @@
outline-offset: 0;
box-shadow: none;
}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: rgba(0, 0, 0, 0.87);
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: rgba(0, 0, 0, 0.04);
border-color: #e0e0e0;
@@ -4105,8 +3912,8 @@
background-color: #ffffff;
}
.p-divider.p-divider-horizontal {
- margin: 1.25rem 0;
- padding: 0 1.25rem;
+ margin: 1rem 0;
+ padding: 0 1rem;
}
.p-divider.p-divider-horizontal:before {
border-top: 1px rgba(0, 0, 0, 0.12);
@@ -4115,8 +3922,8 @@
padding: 0 0.5rem;
}
.p-divider.p-divider-vertical {
- margin: 0 1.25rem;
- padding: 1.25rem 0;
+ margin: 0 1rem;
+ padding: 1rem 0;
}
.p-divider.p-divider-vertical:before {
border-left: 1px rgba(0, 0, 0, 0.12);
@@ -4175,6 +3982,17 @@
border-top: 0 none;
}
+.p-scrollpanel .p-scrollpanel-bar {
+ background: rgba(0, 0, 0, 0.12);
+ border: 0 none;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+
.p-splitter {
border: 1px solid #e0e0e0;
background: #ffffff;
@@ -4187,16 +4005,17 @@
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: rgba(0, 0, 0, 0.12);
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
}
.p-splitter .p-splitter-gutter-resizing {
background: rgba(0, 0, 0, 0.12);
}
-.p-scrollpanel .p-scrollpanel-bar {
- background: rgba(0, 0, 0, 0.12);
- border: 0 none;
-}
-
.p-tabview .p-tabview-nav {
background: #ffffff;
border: solid rgba(0, 0, 0, 0.12);
@@ -4233,9 +4052,6 @@
border-color: rgba(0, 0, 0, 0.12);
color: #3F51B5;
}
-.p-tabview .p-tabview-close {
- margin-left: 0.5rem;
-}
.p-tabview .p-tabview-nav-btn.p-link {
background: #ffffff;
color: #3F51B5;
@@ -4488,9 +4304,12 @@
border-bottom: 0 none;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
+ gap: 0.5rem;
}
-.p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
}
.p-fileupload .p-fileupload-content {
background: #ffffff;
@@ -4500,6 +4319,22 @@
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid rgba(0, 0, 0, 0.12);
+ border-radius: 4px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
.p-fileupload .p-progressbar {
height: 4px;
}
@@ -4510,35 +4345,46 @@
margin-top: 0;
}
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: rgba(63, 81, 181, 0.92);
+ color: #ffffff;
+ border-color: transparent;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: rgba(63, 81, 181, 0.68);
+ color: #ffffff;
+ border-color: transparent;
+}
+
.p-breadcrumb {
background: #ffffff;
border: 1px solid #e5e5e5;
border-radius: 4px;
padding: 0.75rem;
}
-.p-breadcrumb ul li .p-menuitem-link {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: none;
border-radius: 4px;
}
-.p-breadcrumb ul li .p-menuitem-link:focus {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: rgba(0, 0, 0, 0.87);
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: rgba(0, 0, 0, 0.6);
}
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: rgba(0, 0, 0, 0.6);
}
-.p-breadcrumb ul li:last-child .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: rgba(0, 0, 0, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: rgba(0, 0, 0, 0.6);
}
@@ -4551,39 +4397,8 @@
border-radius: 4px;
width: 12.5rem;
}
-.p-contextmenu .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87);
-}
-.p-contextmenu .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 {
- color: rgba(0, 0, 0, 0.6);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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-link:focus {
+.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
}
.p-contextmenu .p-submenu-list {
padding: 0.5rem 0;
@@ -4592,16 +4407,59 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-active > .p-menuitem-link {
- background: rgba(0, 0, 0, 0.04);
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(0, 0, 0, 0.87);
+ transition: none;
+ border-radius: 0;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .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-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(0, 0, 0, 0.6);
}
-.p-contextmenu .p-menu-separator {
+.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.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ 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: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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-contextmenu .p-menuitem: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: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: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-menuitem-separator {
border-top: 1px solid rgba(0, 0, 0, 0.12);
margin: 0.5rem 0;
}
@@ -4609,78 +4467,71 @@
font-size: 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-action {
+.p-dock .p-dock-item.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+.p-dock .p-dock-link {
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 {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
- .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list {
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
- .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container {
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
- .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
- .p-dock.p-dock-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 {
+ .p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
@@ -4692,90 +4543,60 @@
border: 1px solid #e5e5e5;
border-radius: 4px;
}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 4px;
- transition: none;
- user-select: none;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .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 {
- 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 {
- 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 {
- 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 {
- color: rgba(0, 0, 0, 0.87);
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.6);
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6);
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+.p-megamenu .p-megamenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
}
-.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(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 {
- color: rgba(0, 0, 0, 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 {
- 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 > .p-menuitem-content {
color: rgba(0, 0, 0, 0.87);
+ transition: none;
border-radius: 0;
- transition: none;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
user-select: none;
}
-.p-megamenu .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-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-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);
}
-.p-megamenu .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-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-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-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(0, 0, 0, 0.6);
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(0, 0, 0, 0.04);
}
-.p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
+.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-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-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: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: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: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-megamenu-panel {
background: #ffffff;
@@ -4783,7 +4604,7 @@
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 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);
@@ -4792,27 +4613,48 @@
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;
}
+.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-menu {
padding: 0.5rem 0;
@@ -4822,39 +4664,57 @@
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 {
+ 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;
@@ -4870,7 +4730,7 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
}
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
border-top: 1px solid rgba(0, 0, 0, 0.12);
margin: 0.5rem 0;
}
@@ -4882,89 +4742,89 @@
border: 1px solid #e5e5e5;
border-radius: 4px;
}
-.p-menubar .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87);
-}
-.p-menubar .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 {
- color: rgba(0, 0, 0, 0.6);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .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 {
- color: rgba(0, 0, 0, 0.6);
-}
-.p-menubar .p-menuitem-link:focus {
+.p-menubar .p-menubar-root-list {
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-menubar-root-list > .p-menuitem > .p-menuitem-content {
color: rgba(0, 0, 0, 0.87);
- border-radius: 4px;
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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
+.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(0, 0, 0, 0.6);
}
-.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+.p-menubar .p-menuitem > .p-menuitem-content {
+ color: rgba(0, 0, 0, 0.87);
+ transition: none;
+ border-radius: 0;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ user-select: none;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.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-menuitem > .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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-.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 {
+.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-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.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-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.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-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.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(0, 0, 0, 0.04);
+}
+.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-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-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-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-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 {
@@ -4974,22 +4834,13 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem.p-menuitem-active > .p-menuitem-link {
- 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-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);
-}
@media screen and (max-width: 960px) {
.p-menubar {
@@ -5021,56 +4872,22 @@
box-shadow: 0 2px 4px -1px rgba(0, 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: 100%;
}
- .p-menubar .p-menubar-root-list .p-menu-separator {
+ .p-menubar .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-root-list .p-submenu-icon {
font-size: 0.875rem;
}
- .p-menubar .p-menubar-root-list > .p-menuitem {
+ .p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .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 {
- 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 {
- color: rgba(0, 0, 0, 0.6);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- 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 {
- 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 {
- 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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5083,26 +4900,26 @@
transition: transform 0.2s;
transform: rotate(90deg);
}
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 5.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 6.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 8.25rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5113,42 +4930,45 @@
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-action {
+ padding: 1.25rem;
+ font-weight: 400;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a:focus {
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .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);
@@ -5164,66 +4984,91 @@
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 {
+ 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 {
+.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: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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-.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;
}
@@ -5232,80 +5077,6 @@
border-bottom-left-radius: 4px;
}
-.p-slidemenu {
- padding: 0.5rem 0;
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- border: 1px solid #e5e5e5;
- border-radius: 4px;
- width: 12.5rem;
-}
-.p-slidemenu .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87);
-}
-.p-slidemenu .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 {
- color: rgba(0, 0, 0, 0.6);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-.p-slidemenu.p-slidemenu-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-slidemenu .p-slidemenu-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-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
- background: rgba(0, 0, 0, 0.04);
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
- color: rgba(0, 0, 0, 0.87);
-}
-.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: rgba(0, 0, 0, 0.6);
-}
-.p-slidemenu .p-slidemenu-separator {
- border-top: 1px solid rgba(0, 0, 0, 0.12);
- margin: 0.5rem 0;
-}
-.p-slidemenu .p-slidemenu-icon {
- font-size: 0.875rem;
-}
-.p-slidemenu .p-slidemenu-backward {
- padding: 0.75rem 0.75rem;
- color: rgba(0, 0, 0, 0.87);
-}
-
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: none;
@@ -5371,7 +5142,6 @@
border-top-left-radius: 4px;
transition: none;
margin: 0 0 -1px 0;
- height: calc(100% + 1px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
@@ -5400,61 +5170,73 @@
border-radius: 4px;
width: 12.5rem;
}
-.p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 0.75rem;
- color: rgba(0, 0, 0, 0.87);
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87);
-}
-.p-tieredmenu .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 {
- color: rgba(0, 0, 0, 0.6);
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04);
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(0, 0, 0, 0.87);
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
.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-active > .p-menuitem-link {
- background: rgba(0, 0, 0, 0.04);
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(0, 0, 0, 0.87);
+ transition: none;
+ border-radius: 0;
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 0.75rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .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 > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: rgba(0, 0, 0, 0.6);
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(0, 0, 0, 0.6);
}
-.p-tieredmenu .p-menu-separator {
+.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.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ 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: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-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-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: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: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: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-menuitem-separator {
border-top: 1px solid rgba(0, 0, 0, 0.12);
margin: 0.5rem 0;
}
@@ -5766,9 +5548,6 @@
background: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.87);
}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- transition: none;
-}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
@@ -5842,134 +5621,6 @@
border: 2px solid #ffffff;
}
-.p-chip {
- background-color: rgba(0, 0, 0, 0.12);
- color: rgba(0, 0, 0, 0.87);
- border-radius: 16px;
- padding: 0 0.75rem;
-}
-.p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.375rem;
- margin-bottom: 0.375rem;
-}
-.p-chip .p-chip-icon {
- margin-right: 0.5rem;
-}
-.p-chip img {
- width: 2.25rem;
- height: 2.25rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem;
-}
-.p-chip .p-chip-remove-icon {
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-left: 0.5rem;
-}
-.p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-
-.p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
-}
-.p-scrolltop.p-link {
- background: #ff4081;
-}
-.p-scrolltop.p-link:hover {
- background: rgba(255, 64, 129, 0.92);
-}
-.p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #ffffff;
-}
-
-.p-skeleton {
- background-color: rgba(0, 0, 0, 0.08);
- 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: #3F51B5;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 4px;
-}
-.p-tag.p-tag-success {
- background-color: #689F38;
- color: #ffffff;
-}
-.p-tag.p-tag-info {
- background-color: #2196F3;
- color: #ffffff;
-}
-.p-tag.p-tag-warning {
- background-color: #FBC02D;
- color: #212529;
-}
-.p-tag.p-tag-danger {
- background-color: #D32F2F;
- color: #ffffff;
-}
-.p-tag .p-tag-icon {
- margin-right: 0.25rem;
- font-size: 0.75rem;
-}
-
-.p-inplace .p-inplace-display {
- padding: 1rem 1rem;
- border-radius: 4px;
- transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
-}
-.p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(0, 0, 0, 0.04);
- color: rgba(0, 0, 0, 0.87);
-}
-.p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: none;
-}
-
-.p-progressbar {
- border: 0 none;
- height: 4px;
- background: rgba(63, 81, 181, 0.32);
- border-radius: 4px;
-}
-.p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #3F51B5;
-}
-.p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 4px;
-}
-
-.p-terminal {
- background: #ffffff;
- color: rgba(0, 0, 0, 0.87);
- border: 1px solid #e0e0e0;
- padding: 0.75rem;
-}
-.p-terminal .p-terminal-input {
- font-size: 1rem;
- font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
-}
-
.p-badge {
background: #3F51B5;
color: #ffffff;
@@ -6012,6 +5663,94 @@
line-height: 3rem;
}
+.p-chip {
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 16px;
+ padding: 0 0.75rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.375rem;
+ margin-bottom: 0.375rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 2.25rem;
+ height: 2.25rem;
+ margin-left: -0.75rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 4px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+
+.p-inplace .p-inplace-display {
+ padding: 1rem 1rem;
+ border-radius: 4px;
+ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.04);
+ color: rgba(0, 0, 0, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: none;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 4px;
+ background: rgba(63, 81, 181, 0.32);
+ border-radius: 4px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #3F51B5;
+}
+.p-progressbar .p-progressbar-label {
+ color: #ffffff;
+ line-height: 4px;
+}
+
+.p-scrolltop {
+ width: 2.75rem;
+ height: 2.75rem;
+ border-radius: 50%;
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: #ff4081;
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(255, 64, 129, 0.92);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.15rem;
+ color: #ffffff;
+}
+
+.p-skeleton {
+ background-color: rgba(0, 0, 0, 0.08);
+ 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: #3F51B5;
color: #ffffff;
@@ -6036,6 +5775,21 @@
background-color: #D32F2F;
color: #ffffff;
}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
+
+.p-terminal {
+ background: #ffffff;
+ color: rgba(0, 0, 0, 0.87);
+ border: 1px solid #e0e0e0;
+ padding: 0.75rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
+}
.p-accordion .p-accordion-tab {
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);
@@ -6169,19 +5923,19 @@
.p-button.p-button-icon-only {
min-width: auto;
}
-.p-button:enabled:focus, .p-button:not(button):not(a):not(.p-disabled):focus {
+.p-button:enabled:focus {
background: rgba(63, 81, 181, 0.76);
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: rgba(63, 81, 181, 0.68);
}
.p-button .p-ink {
background-color: rgba(255, 255, 255, 0.32);
}
-.p-button.p-button-text:enabled:focus, .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-outlined:enabled:focus, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus {
background: rgba(63, 81, 181, 0.12);
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active {
background: rgba(63, 81, 181, 0.16);
}
.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink {
@@ -6210,103 +5964,103 @@
color: rgba(0, 0, 0, 0.38) !important;
border-color: rgba(0, 0, 0, 0.38) !important;
}
-.p-button.p-button-raised:enabled:focus, .p-button.p-button-raised:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-raised:enabled:focus {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
background: rgba(255, 64, 129, 0.76);
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: rgba(255, 64, 129, 0.68);
}
-.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:focus, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus {
background: rgba(255, 64, 129, 0.12);
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(255, 64, 129, 0.16);
}
-.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-secondary.p-button-text .p-ink, .p-fileupload-choose.p-button-secondary.p-button-outlined .p-ink {
+.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink {
background-color: rgba(255, 64, 129, 0.16);
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
background: rgba(33, 150, 243, 0.76);
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: rgba(33, 150, 243, 0.68);
}
-.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info.p-button-text:enabled:focus, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus {
background: rgba(33, 150, 243, 0.12);
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(33, 150, 243, 0.16);
}
-.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-info.p-button-text .p-ink, .p-fileupload-choose.p-button-info.p-button-outlined .p-ink {
+.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink {
background-color: rgba(33, 150, 243, 0.16);
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
background: rgba(104, 159, 56, 0.76);
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: rgba(104, 159, 56, 0.68);
}
-.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success.p-button-text:enabled:focus, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus {
background: rgba(104, 159, 56, 0.12);
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(104, 159, 56, 0.16);
}
-.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-success.p-button-text .p-ink, .p-fileupload-choose.p-button-success.p-button-outlined .p-ink {
+.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink {
background-color: rgba(104, 159, 56, 0.16);
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
background: rgba(251, 192, 45, 0.76);
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: rgba(251, 192, 45, 0.68);
}
-.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning.p-button-text:enabled:focus, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus {
background: rgba(251, 192, 45, 0.12);
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(251, 192, 45, 0.16);
}
-.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-warning.p-button-text .p-ink, .p-fileupload-choose.p-button-warning.p-button-outlined .p-ink {
+.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink {
background-color: rgba(251, 192, 45, 0.16);
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
background: rgba(156, 39, 176, 0.76);
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: rgba(156, 39, 176, 0.68);
}
-.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help.p-button-text:enabled:focus, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus {
background: rgba(156, 39, 176, 0.12);
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(156, 39, 176, 0.16);
}
-.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-help.p-button-text .p-ink, .p-fileupload-choose.p-button-help.p-button-outlined .p-ink {
+.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink {
background-color: rgba(156, 39, 176, 0.16);
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
background: rgba(211, 47, 47, 0.76);
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: rgba(211, 47, 47, 0.68);
}
-.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger.p-button-text:enabled:focus, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:focus, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus {
background: rgba(211, 47, 47, 0.12);
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(211, 47, 47, 0.16);
}
-.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink, .p-fileupload-choose.p-button-danger.p-button-text .p-ink, .p-fileupload-choose.p-button-danger.p-button-outlined .p-ink {
+.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink {
background-color: rgba(211, 47, 47, 0.16);
}
@@ -6340,13 +6094,19 @@
.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled {
background-color: transparent !important;
}
-.p-calendar-w-btn:not(.p-disabled):hover {
+.p-calendar-w-btn:not(.p-calendar-disabled):hover {
border-color: rgba(0, 0, 0, 0.87);
}
-.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+.p-calendar-w-btn:not(.p-calendar-disabled).p-inputwrapper-focus {
border-color: #3F51B5;
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-calendar-w-btn.p-calendar-disabled {
+ opacity: 0.38;
+}
+.p-calendar-w-btn.p-calendar-disabled .p-inputtext {
+ opacity: 1;
+}
.p-datepicker .p-datepicker-header {
border-bottom: 0 none;
@@ -6401,18 +6161,18 @@
background-image: none;
background: transparent;
}
-.p-input-filled .p-calendar-w-btn:not(.p-disabled):hover {
+.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
background-color: #ececec;
border-color: transparent;
background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87));
}
-.p-input-filled .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
+.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus {
box-shadow: none;
background-color: #dcdcdc;
border-color: transparent;
background-size: 100% 2px, 100% 1px;
}
-.p-input-filled .p-calendar-w-btn .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:focus {
+.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus {
background-image: none;
background: transparent;
}
@@ -6442,9 +6202,7 @@
box-shadow: none;
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,
-.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus {
+.p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext {
border: 0 none;
background-image: none;
}
@@ -6502,6 +6260,7 @@
background-image: none;
background: transparent;
}
+
.p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label {
padding-top: 1.25rem;
padding-bottom: 0.25rem;
@@ -6658,6 +6417,13 @@
box-shadow: 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-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(0, 0, 0, 0.12);
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ background: rgba(0, 0, 0, 0.12);
+}
+
.p-datatable .p-sortable-column {
outline: 0 none;
}
@@ -6854,9 +6620,7 @@
}
.p-input-filled .p-inputgroup-addon:first-child,
.p-input-filled .p-inputgroup button:first-child,
-.p-input-filled .p-inputgroup input:first-child,
-.p-input-filled .p-inputgroup > .p-inputwrapper:first-child,
-.p-input-filled .p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
+.p-input-filled .p-inputgroup input:first-child {
border-bottom-left-radius: 0;
}
.p-input-filled .p-inputgroup .p-float-label:first-child input {
@@ -6864,9 +6628,7 @@
}
.p-input-filled .p-inputgroup-addon:last-child,
.p-input-filled .p-inputgroup button:last-child,
-.p-input-filled .p-inputgroup input:last-child,
-.p-input-filled .p-inputgroup > .p-inputwrapper:last-child,
-.p-input-filled .p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
+.p-input-filled .p-inputgroup input:last-child {
border-bottom-right-radius: 0;
}
.p-input-filled .p-inputgroup .p-float-label:last-child input {
@@ -6897,13 +6659,13 @@
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before {
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), 0 0 1px 10px rgba(0, 0, 0, 0.04);
}
-.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
+.p-inputswitch.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before {
box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
-.p-inputswitch.p-inputswitch-checked.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
+.p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
@@ -6961,15 +6723,24 @@
background: rgba(63, 81, 181, 0.24);
}
-.p-megamenu .p-menuitem .p-menuitem-link:focus {
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(0, 0, 0, 0.12);
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
background: rgba(0, 0, 0, 0.12);
}
-.p-menu .p-menuitem .p-menuitem-link:focus {
+.p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(0, 0, 0, 0.12);
+}
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
background: rgba(0, 0, 0, 0.12);
}
-.p-menubar .p-menuitem .p-menuitem-link:focus {
+.p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(0, 0, 0, 0.12);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
background: rgba(0, 0, 0, 0.12);
}
@@ -6993,7 +6764,7 @@
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus.p-highlight {
background: rgba(63, 81, 181, 0.24);
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+.p-multiselect-panel .p-multiselect-close:focus {
background: rgba(0, 0, 0, 0.12);
}
@@ -7070,10 +6841,6 @@
box-shadow: 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;
-}
-
.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
background: rgba(0, 0, 0, 0.12);
}
@@ -7081,6 +6848,10 @@
background: rgba(63, 81, 181, 0.24);
}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 1.5rem;
+}
+
.p-paginator {
justify-content: flex-end;
}
@@ -7127,6 +6898,26 @@
background: rgba(0, 0, 0, 0.12);
}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
+ order: 1;
+ margin-left: auto;
+ margin-right: 0;
+}
+.p-panelmenu .p-panelmenu-header.p-disabled {
+ opacity: 1;
+}
+.p-panelmenu .p-panelmenu-header.p-disabled .p-panelmenu-header-content > * {
+ opacity: 0.38;
+}
+.p-panelmenu .p-panelmenu-header:focus .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-header.p-highlight:focus .p-panelmenu-header-content {
+ background: #f6f6f6;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ 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 {
+ background: rgba(0, 0, 0, 0.12);
+}
.p-panelmenu .p-panelmenu-panel {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin-bottom: 0;
@@ -7142,23 +6933,6 @@
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
-.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon {
- order: 1;
- margin-left: auto;
- margin-right: 0;
-}
-.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled {
- opacity: 1;
-}
-.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * {
- opacity: 0.38;
-}
-.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus {
- background: #f6f6f6;
-}
-.p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus {
- background: rgba(0, 0, 0, 0.12);
-}
.p-picklist .p-picklist-list .p-picklist-item:focus {
background: rgba(0, 0, 0, 0.12);
@@ -7170,10 +6944,32 @@
.p-progressbar {
border-radius: 0;
}
-.p-progressbar .p-progressbar-label {
+.p-progressbar.p-progressbar-determinate .p-progressbar-label {
display: none;
}
+.p-rating {
+ gap: 0;
+}
+.p-rating .p-rating-item {
+ border-radius: 50%;
+ width: 2rem;
+ height: 2rem;
+ justify-content: center;
+}
+.p-rating .p-rating-item.p-focus {
+ background: rgba(63, 81, 181, 0.12);
+}
+.p-rating .p-rating-item.p-focus.p-rating-cancel-item {
+ background: rgba(176, 0, 32, 0.12);
+}
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover {
+ background-color: rgba(0, 0, 0, 0.04);
+}
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item {
+ background: rgba(176, 0, 32, 0.04);
+}
+
.p-radiobutton {
border-radius: 50%;
transition: box-shadow 0.2s;
@@ -7207,26 +7003,8 @@
background-color: #ffffff;
}
-.p-rating {
- gap: 0;
-}
-.p-rating .p-rating-item {
- border-radius: 50%;
- width: 2rem;
- height: 2rem;
- justify-content: center;
-}
-.p-rating .p-rating-item:focus {
- background: rgba(63, 81, 181, 0.12);
-}
-.p-rating .p-rating-item:focus.p-rating-cancel-item {
- background: rgba(176, 0, 32, 0.12);
-}
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover {
- background-color: rgba(0, 0, 0, 0.04);
-}
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item {
- background: rgba(176, 0, 32, 0.04);
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ box-shadow: 0 0 1px 4px rgba(255, 64, 129, 0.2);
}
.p-selectbutton .p-button:focus {
@@ -7238,10 +7016,6 @@
border-color: #d9d8d9;
}
-.p-slidemenu .p-menuitem-link:focus {
- background: rgba(0, 0, 0, 0.12);
-}
-
.p-slider .p-slider-handle {
transition: transform 0.2s, box-shadow 0.2s;
transform: scale(0.7);
@@ -7327,6 +7101,17 @@
background: rgba(211, 47, 47, 0.16);
}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ transition: transform 0.2s, box-shadow 0.2s;
+ transform: scale(0.7);
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ box-shadow: 0 0 1px 6px rgba(255, 64, 129, 0.2);
+}
+.p-splitter .p-splitter-gutter.p-splitter-gutter-resizing .p-splitter-gutter-handle {
+ transform: scale(1);
+}
+
.p-steps {
padding: 1rem 0;
}
@@ -7403,7 +7188,10 @@
transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
}
-.p-tieredmenu .p-menuitem-link:focus {
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: rgba(0, 0, 0, 0.12);
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
background: rgba(0, 0, 0, 0.12);
}
diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css
new file mode 100644
index 0000000..493920f
--- /dev/null
+++ b/public/themes/nova-accent/theme.css
@@ -0,0 +1,5757 @@
+:root {
+ --surface-a: #ffffff;
+ --surface-b: #f4f4f4;
+ --surface-c: #eaeaea;
+ --surface-d: #c8c8c8;
+ --surface-e: #ffffff;
+ --surface-f: #ffffff;
+ --text-color: #333333;
+ --text-color-secondary: #848484;
+ --primary-color: #007ad9;
+ --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-0: #ffffff;
+ --surface-50: #eef1f2;
+ --surface-100: #dde2e4;
+ --surface-200: #bbc5ca;
+ --surface-300: #98a8af;
+ --surface-400: #768b95;
+ --surface-500: #546e7a;
+ --surface-600: #435862;
+ --surface-700: #324249;
+ --surface-800: #222c31;
+ --surface-900: #111618;
+ --gray-50: #eef1f2;
+ --gray-100: #dde2e4;
+ --gray-200: #bbc5ca;
+ --gray-300: #98a8af;
+ --gray-400: #768b95;
+ --gray-500: #546e7a;
+ --gray-600: #435862;
+ --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;
+ --focus-ring: 0 0 0 0.2rem #8dcdff;
+ --maskbg: rgba(0, 0, 0, 0.4);
+ color-scheme: light;
+}
+
+* {
+ box-sizing: border-box;
+}
+
+.p-component {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ font-weight: normal;
+}
+
+.p-component-overlay {
+ background-color: rgba(0, 0, 0, 0.4);
+ transition-duration: 0.2s;
+}
+
+.p-disabled, .p-component:disabled {
+ opacity: 0.5;
+}
+
+.p-error {
+ color: #a80000;
+}
+
+.p-text-secondary {
+ color: #848484;
+}
+
+.pi {
+ font-size: 1rem;
+}
+
+.p-link {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ border-radius: 3px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+
+.p-component-overlay-enter {
+ animation: p-component-overlay-enter-animation 150ms forwards;
+}
+
+.p-component-overlay-leave {
+ animation: p-component-overlay-leave-animation 150ms forwards;
+}
+
+@keyframes p-component-overlay-enter-animation {
+ from {
+ background-color: transparent;
+ }
+ to {
+ background-color: var(--maskbg);
+ }
+}
+@keyframes p-component-overlay-leave-animation {
+ from {
+ background-color: var(--maskbg);
+ }
+ to {
+ background-color: transparent;
+ }
+}
+
+:root {
+ --blue-50:#f3f8fc;
+ --blue-100:#c6dcef;
+ --blue-200:#98c1e3;
+ --blue-300:#6ba5d7;
+ --blue-400:#3d8aca;
+ --blue-500:#106ebe;
+ --blue-600:#0e5ea2;
+ --blue-700:#0b4d85;
+ --blue-800:#093d69;
+ --blue-900:#062c4c;
+ --green-50:#f7fbf6;
+ --green-100:#d6ead1;
+ --green-200:#b6d9ad;
+ --green-300:#96c889;
+ --green-400:#76b765;
+ --green-500:#56a641;
+ --green-600:#498d37;
+ --green-700:#3c742e;
+ --green-800:#2f5b24;
+ --green-900:#22421a;
+ --yellow-50:#fffcf5;
+ --yellow-100:#fdefcd;
+ --yellow-200:#fbe3a6;
+ --yellow-300:#f9d67f;
+ --yellow-400:#f8ca57;
+ --yellow-500:#f6bd30;
+ --yellow-600:#d1a129;
+ --yellow-700:#ac8422;
+ --yellow-800:#87681a;
+ --yellow-900:#624c13;
+ --cyan-50:#f4fbfd;
+ --cyan-100:#ccebf5;
+ --cyan-200:#a4dbed;
+ --cyan-300:#7ccce5;
+ --cyan-400:#54bcdd;
+ --cyan-500:#2cacd5;
+ --cyan-600:#2592b5;
+ --cyan-700:#1f7895;
+ --cyan-800:#185f75;
+ --cyan-900:#124555;
+ --pink-50:#fdf4f9;
+ --pink-100:#f6cce0;
+ --pink-200:#eea3c7;
+ --pink-300:#e77aae;
+ --pink-400:#df5296;
+ --pink-500:#d8297d;
+ --pink-600:#b8236a;
+ --pink-700:#971d58;
+ --pink-800:#771745;
+ --pink-900:#561032;
+ --indigo-50:#f4f6fd;
+ --indigo-100:#ccd3f5;
+ --indigo-200:#a4b0ed;
+ --indigo-300:#7c8de5;
+ --indigo-400:#546add;
+ --indigo-500:#2c47d5;
+ --indigo-600:#253cb5;
+ --indigo-700:#1f3295;
+ --indigo-800:#182775;
+ --indigo-900:#121c55;
+ --teal-50:#f6fbfa;
+ --teal-100:#d1eae5;
+ --teal-200:#add9d1;
+ --teal-300:#89c8bd;
+ --teal-400:#65b7a8;
+ --teal-500:#41a694;
+ --teal-600:#378d7e;
+ --teal-700:#2e7468;
+ --teal-800:#245b51;
+ --teal-900:#1a423b;
+ --orange-50:#fff9f5;
+ --orange-100:#fde4cd;
+ --orange-200:#fbcfa6;
+ --orange-300:#f9ba7f;
+ --orange-400:#f8a457;
+ --orange-500:#f68f30;
+ --orange-600:#d17a29;
+ --orange-700:#ac6422;
+ --orange-800:#874f1a;
+ --orange-900:#623913;
+ --bluegray-50:#f7f8f9;
+ --bluegray-100:#dae0e3;
+ --bluegray-200:#bdc7cd;
+ --bluegray-300:#a0aeb6;
+ --bluegray-400:#8295a0;
+ --bluegray-500:#657c8a;
+ --bluegray-600:#566975;
+ --bluegray-700:#475761;
+ --bluegray-800:#38444c;
+ --bluegray-900:#283237;
+ --purple-50:#f9f8fd;
+ --purple-100:#e1dff7;
+ --purple-200:#cac5f1;
+ --purple-300:#b2abeb;
+ --purple-400:#9b92e4;
+ --purple-500:#8378de;
+ --purple-600:#6f66bd;
+ --purple-700:#5c549b;
+ --purple-800:#48427a;
+ --purple-900:#343059;
+ --red-50:#fdf4f3;
+ --red-100:#f6ccc6;
+ --red-200:#eea39a;
+ --red-300:#e77b6d;
+ --red-400:#df5240;
+ --red-500:#d82a13;
+ --red-600:#b82410;
+ --red-700:#971d0d;
+ --red-800:#77170a;
+ --red-900:#561108;
+ --primary-50:#f2f8fd;
+ --primary-100:#c2dff6;
+ --primary-200:#91c6ef;
+ --primary-300:#61ade7;
+ --primary-400:#3093e0;
+ --primary-500:#007ad9;
+ --primary-600:#0068b8;
+ --primary-700:#005598;
+ --primary-800:#004377;
+ --primary-900:#003157;
+}
+
+.p-autocomplete .p-autocomplete-loader {
+ right: 0.429rem;
+}
+.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
+ right: 2.786rem;
+}
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
+ border-color: #212121;
+}
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.2145rem 0.429rem;
+ gap: 0.5rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.2145rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #333333;
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.2145rem 0.429rem;
+ background: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #bababa;
+ color: #333333;
+}
+.p-autocomplete.p-invalid.p-component > .p-inputtext {
+ border-color: #a80000;
+}
+
+.p-autocomplete-panel {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-autocomplete-panel .p-autocomplete-items {
+ padding: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #ffffff;
+ background: #e02365;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: #e02365;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #333333;
+ background: #d6d6d6;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+
+.p-calendar.p-invalid.p-component > .p-inputtext {
+ border-color: #a80000;
+}
+
+.p-datepicker {
+ padding: 0.857rem;
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #a6a6a6;
+ border-radius: 3px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #ffffff;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: #333333;
+ background: #ffffff;
+ font-weight: 700;
+ margin: 0;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.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: #333333;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ font-weight: 700;
+ padding: 0.5rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
+ color: #007ad9;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.857rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #ffffff;
+ background: #e02365;
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: #d0d0d0;
+ color: #333333;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #ffffff;
+ background: #e02365;
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 0.857rem 0 0.429rem 0;
+ border-top: 1px solid #d8dae2;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #d8dae2;
+ padding: 0.857rem 0 0.429rem 0;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ 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: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.286rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.429rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.857rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #ffffff;
+ background: #e02365;
+}
+.p-datepicker .p-yearpicker {
+ margin: 0.857rem 0;
+}
+.p-datepicker .p-yearpicker .p-yearpicker-year {
+ padding: 0.5rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
+ color: #ffffff;
+ background: #e02365;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-left: 1px solid #d8dae2;
+ padding-right: 0.857rem;
+ padding-left: 0.857rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+ border-left: 0 none;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.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 #8dcdff;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
+ background: #eaeaea;
+}
+.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 #8dcdff;
+}
+.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
+ background: #eaeaea;
+}
+.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 #8dcdff;
+}
+
+@media screen and (max-width: 769px) {
+ .p-datepicker table th, .p-datepicker table td {
+ padding: 0.25rem;
+ }
+}
+.p-cascadeselect {
+ background: #ffffff;
+ border: 1px solid #a6a6a6;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.429rem 0.429rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: #666666;
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: #848484;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #a80000;
+}
+
+.p-cascadeselect-panel {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #ffffff;
+ background: #e02365;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: #e02365;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #333333;
+ background: #d6d6d6;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.429rem 0.857rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
+
+.p-input-filled .p-cascadeselect {
+ background: #f4f4f4;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
+
+.p-checkbox {
+ width: 20px;
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 1px solid #a6a6a6;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: #333333;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #ffffff;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #007ad9;
+ background: #007ad9;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: #212121;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #005b9f;
+ background: #005b9f;
+ color: #ffffff;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #a80000;
+}
+
+.p-input-filled .p-checkbox .p-checkbox-box {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #007ad9;
+}
+.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ background: #005b9f;
+}
+
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
+ border-color: #212121;
+}
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-chips .p-chips-multiple-container {
+ padding: 0.2145rem 0.429rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #bababa;
+ color: #333333;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.2145rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #333333;
+ padding: 0;
+ margin: 0;
+}
+.p-chips.p-invalid.p-component > .p-inputtext {
+ border-color: #a80000;
+}
+
+.p-colorpicker-preview {
+ width: 2rem;
+ height: 2rem;
+}
+
+.p-colorpicker-panel {
+ background: #323232;
+ border: 1px solid #191919;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
+
+.p-colorpicker-overlay-panel {
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+
+.p-dropdown {
+ background: #ffffff;
+ border: 1px solid #a6a6a6;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.429rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: #666666;
+}
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: #848484;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: #848484;
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #a80000;
+}
+
+.p-dropdown-panel {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-dropdown-panel .p-dropdown-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #eaeaea;
+ color: #333333;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.429rem;
+ margin-right: -1.429rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.429rem;
+ color: #848484;
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #ffffff;
+ background: #e02365;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: #e02365;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #333333;
+ background: #d6d6d6;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #333333;
+ background: transparent;
+}
+
+.p-input-filled .p-dropdown {
+ background: #f4f4f4;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+ background-color: transparent;
+}
+
+.p-editor-container .p-editor-toolbar {
+ background: #007ad9;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #007ad9;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: #848484;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: #848484;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: #848484;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+ padding: 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.429rem 0.857rem;
+}
+.p-editor-container .p-editor-content {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #c8c8c8;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #ffffff;
+ color: #333333;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover,
+.p-editor-container .ql-snow.ql-toolbar button:focus {
+ color: #333333;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: #333333;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: #333333;
+}
+.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: #007ad9;
+}
+.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: #007ad9;
+}
+.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: #007ad9;
+}
+.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: #007ad9;
+}
+
+.p-inputgroup-addon {
+ background: #eaeaea;
+ color: #848484;
+ border-top: 1px solid #a6a6a6;
+ border-left: 1px solid #a6a6a6;
+ border-bottom: 1px solid #a6a6a6;
+ padding: 0.429rem 0.429rem;
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #a6a6a6;
+}
+
+.p-inputgroup > .p-component,
+.p-inputgroup > .p-inputwrapper > .p-inputtext,
+.p-inputgroup > .p-float-label > .p-component {
+ border-radius: 0;
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
+
+.p-inputgroup-addon:first-child,
+.p-inputgroup button:first-child,
+.p-inputgroup input:first-child,
+.p-inputgroup > .p-inputwrapper:first-child,
+.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+
+.p-inputgroup .p-float-label:first-child input {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+
+.p-inputgroup-addon:last-child,
+.p-inputgroup button:last-child,
+.p-inputgroup input:last-child,
+.p-inputgroup > .p-inputwrapper:last-child,
+.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+.p-inputgroup .p-float-label:last-child input {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+.p-fluid .p-inputgroup .p-button {
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
+
+.p-inputnumber.p-invalid.p-component > .p-inputtext {
+ border-color: #a80000;
+}
+
+.p-inputswitch {
+ width: 3rem;
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #cccccc;
+ 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: #ffffff;
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #b7b7b7;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: #007ad9;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: #cccccc;
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #116fbf;
+}
+.p-inputswitch.p-invalid {
+ border-color: #a80000;
+}
+
+.p-inputtext {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #333333;
+ background: #ffffff;
+ padding: 0.429rem 0.429rem;
+ border: 1px solid #a6a6a6;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ appearance: none;
+ border-radius: 3px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #212121;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #a80000;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.375375rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 0.53625rem;
+}
+
+.p-float-label > label {
+ left: 0.429rem;
+ color: #666666;
+ transition-duration: 0.2s;
+}
+
+.p-float-label > .p-invalid + label {
+ color: #a80000;
+}
+
+.p-input-icon-left > i:first-of-type {
+ left: 0.429rem;
+ color: #848484;
+}
+
+.p-input-icon-left > .p-inputtext {
+ padding-left: 1.858rem;
+}
+
+.p-input-icon-left.p-float-label > label {
+ left: 1.858rem;
+}
+
+.p-input-icon-right > i:last-of-type {
+ right: 0.429rem;
+ color: #848484;
+}
+
+.p-input-icon-right > .p-inputtext {
+ padding-right: 1.858rem;
+}
+
+::-webkit-input-placeholder {
+ color: #666666;
+}
+
+:-moz-placeholder {
+ color: #666666;
+}
+
+::-moz-placeholder {
+ color: #666666;
+}
+
+:-ms-input-placeholder {
+ color: #666666;
+}
+
+.p-input-filled .p-inputtext {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #f4f4f4;
+}
+
+.p-inputtext-sm .p-inputtext {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.375375rem;
+}
+
+.p-inputtext-lg .p-inputtext {
+ font-size: 1.25rem;
+ padding: 0.53625rem 0.53625rem;
+}
+
+.p-listbox {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #a6a6a6;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #eaeaea;
+ color: #333333;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.429rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.429rem;
+ color: #848484;
+}
+.p-listbox .p-listbox-list {
+ padding: 0;
+ outline: 0 none;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #ffffff;
+ background: #e02365;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #333333;
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: #e02365;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #333333;
+ background: #d6d6d6;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-listbox.p-invalid {
+ border-color: #a80000;
+}
+
+.p-multiselect {
+ background: #ffffff;
+ border: 1px solid #a6a6a6;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: #666666;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: #848484;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #a80000;
+}
+
+.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
+ padding: 0.2145rem 0.429rem;
+}
+
+.p-multiselect-panel {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-multiselect-panel .p-multiselect-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #eaeaea;
+ color: #333333;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.429rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.429rem;
+ color: #848484;
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ 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: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #ffffff;
+ background: #e02365;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: #e02365;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #333333;
+ background: #d6d6d6;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #333333;
+ background: transparent;
+}
+
+.p-input-filled .p-multiselect {
+ background: #f4f4f4;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
+
+.p-password.p-invalid.p-component > .p-inputtext {
+ border-color: #a80000;
+}
+
+.p-password-panel {
+ padding: 0.571rem 1rem;
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #eaeaea;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #e91224;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #ffba01;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #34A835;
+}
+
+.p-radiobutton {
+ width: 20px;
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 1px solid #a6a6a6;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: #333333;
+ 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: #212121;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.2s;
+ background-color: #ffffff;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #007ad9;
+ background: #007ad9;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #005b9f;
+ background: #005b9f;
+ color: #ffffff;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #a80000;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
+
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #007ad9;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #005b9f;
+}
+
+.p-rating {
+ gap: 0.5rem;
+}
+.p-rating .p-rating-item .p-rating-icon {
+ color: #333333;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
+ color: #e4018d;
+}
+.p-rating .p-rating-item.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
+ color: #007ad9;
+}
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
+ color: #007ad9;
+}
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
+ color: #b5019f;
+}
+
+.p-selectbutton .p-button {
+ background: #dadada;
+ border: 1px solid #dadada;
+ color: #333333;
+ 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: #666666;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #212121;
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #116fbf;
+ border-color: #116fbf;
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #ffffff;
+}
+.p-selectbutton.p-invalid > .p-button {
+ border-color: #a80000;
+}
+
+.p-slider {
+ background: #c8c8c8;
+ border: 0 none;
+ border-radius: 3px;
+}
+.p-slider.p-slider-horizontal {
+ height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -0.5715rem;
+ margin-left: -0.5715rem;
+}
+.p-slider.p-slider-vertical {
+ width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -0.5715rem;
+ margin-bottom: -0.5715rem;
+}
+.p-slider .p-slider-handle {
+ height: 1.143rem;
+ width: 1.143rem;
+ background: #ffffff;
+ border: 2px solid #666666;
+ border-radius: 100%;
+ 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 #8dcdff;
+}
+.p-slider .p-slider-range {
+ background: #007ad9;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: 2px solid #666666;
+ border-color: #007ad9;
+}
+
+.p-treeselect {
+ background: #ffffff;
+ border: 1px solid #a6a6a6;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: #666666;
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: #848484;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #a80000;
+}
+
+.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
+ padding: 0.2145rem 0.429rem;
+}
+
+.p-treeselect-panel {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.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.429rem 0.857rem;
+ color: #333333;
+ background: transparent;
+}
+
+.p-input-filled .p-treeselect {
+ background: #f4f4f4;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
+
+.p-togglebutton.p-button {
+ background: #dadada;
+ border: 1px solid #dadada;
+ color: #333333;
+ 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: #666666;
+}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #212121;
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #116fbf;
+ border-color: #116fbf;
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #a80000;
+}
+
+.p-button {
+ color: #ffffff;
+ background: #007ad9;
+ border: 1px solid #007ad9;
+ 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:enabled:hover {
+ background: #116fbf;
+ color: #ffffff;
+ border-color: #116fbf;
+}
+.p-button:enabled:active {
+ background: #005b9f;
+ color: #ffffff;
+ border-color: #005b9f;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(0, 122, 217, 0.04);
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(0, 122, 217, 0.16);
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: #848484;
+ border-color: #848484;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: #eaeaea;
+ color: #848484;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: #d2d2d2;
+ color: #848484;
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(0, 122, 217, 0.04);
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(0, 122, 217, 0.16);
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: #848484;
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: #eaeaea;
+ color: #848484;
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: #d2d2d2;
+ color: #848484;
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #007ad9;
+ background-color: #ffffff;
+}
+.p-button.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.429rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
+
+.p-fluid .p-button {
+ width: 100%;
+}
+.p-fluid .p-button-icon-only {
+ width: 2.357rem;
+}
+.p-fluid .p-buttonset {
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
+
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ color: #ffffff;
+ background: #607D8B;
+ border: 1px solid #607D8B;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #546E7A;
+ color: #ffffff;
+ border-color: #546E7A;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #B0BEC5;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #455A64;
+ color: #ffffff;
+ border-color: #455A64;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(96, 125, 139, 0.04);
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(96, 125, 139, 0.16);
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #607D8B;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(96, 125, 139, 0.04);
+ border-color: transparent;
+ color: #607D8B;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(96, 125, 139, 0.16);
+ border-color: transparent;
+ color: #607D8B;
+}
+
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ color: #ffffff;
+ background: #007ad9;
+ border: 1px solid #007ad9;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #116fbf;
+ color: #ffffff;
+ border-color: #116fbf;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #005b9f;
+ color: #ffffff;
+ border-color: #005b9f;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(0, 122, 217, 0.04);
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(0, 122, 217, 0.16);
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(0, 122, 217, 0.04);
+ border-color: transparent;
+ color: #007ad9;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(0, 122, 217, 0.16);
+ border-color: transparent;
+ color: #007ad9;
+}
+
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ color: #ffffff;
+ background: #34A835;
+ border: 1px solid #34A835;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #107D11;
+ color: #ffffff;
+ border-color: #107D11;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #aae5aa;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: #0C6B0D;
+ color: #ffffff;
+ border-color: #0C6B0D;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #34A835;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(52, 168, 53, 0.04);
+ color: #34A835;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(52, 168, 53, 0.16);
+ color: #34A835;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #34A835;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(52, 168, 53, 0.04);
+ border-color: transparent;
+ color: #34A835;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(52, 168, 53, 0.16);
+ border-color: transparent;
+ color: #34A835;
+}
+
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ color: #333333;
+ background: #ffba01;
+ border: 1px solid #ffba01;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #ED990B;
+ color: #333333;
+ border-color: #ED990B;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #ffeab4;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #D38B10;
+ color: #333333;
+ border-color: #D38B10;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #ffba01;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 186, 1, 0.04);
+ color: #ffba01;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 186, 1, 0.16);
+ color: #ffba01;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #ffba01;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 186, 1, 0.04);
+ border-color: transparent;
+ color: #ffba01;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 186, 1, 0.16);
+ border-color: transparent;
+ color: #ffba01;
+}
+
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ color: #ffffff;
+ background: #9C27B0;
+ border: 1px solid #9C27B0;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #8E24AA;
+ color: #ffffff;
+ border-color: #8E24AA;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #CE93D8;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #7B1FA2;
+ color: #ffffff;
+ border-color: #7B1FA2;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(156, 39, 176, 0.04);
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(156, 39, 176, 0.16);
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #9C27B0;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(156, 39, 176, 0.04);
+ border-color: transparent;
+ color: #9C27B0;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(156, 39, 176, 0.16);
+ border-color: transparent;
+ color: #9C27B0;
+}
+
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ color: #ffffff;
+ background: #e91224;
+ border: 1px solid #e91224;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #c01120;
+ color: #ffffff;
+ border-color: #c01120;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #f9b4ba;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #a90000;
+ color: #ffffff;
+ border-color: #a90000;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #e91224;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(233, 18, 36, 0.04);
+ color: #e91224;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(233, 18, 36, 0.16);
+ color: #e91224;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #e91224;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(233, 18, 36, 0.04);
+ border-color: transparent;
+ color: #e91224;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(233, 18, 36, 0.16);
+ border-color: transparent;
+ color: #e91224;
+}
+
+.p-button.p-button-link {
+ color: #005b9f;
+ background: transparent;
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #005b9f;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #005b9f;
+ border-color: transparent;
+}
+
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: #324249;
+ color: #fff;
+}
+.p-speeddial-action:hover {
+ background: #222c31;
+ color: #fff;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
+.p-splitbutton {
+ border-radius: 3px;
+}
+.p-splitbutton.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(0, 122, 217, 0.04);
+ color: #007ad9;
+}
+.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(0, 122, 217, 0.16);
+ color: #007ad9;
+}
+.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
+ color: #848484;
+ border-color: #848484;
+}
+.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: #eaeaea;
+ color: #848484;
+}
+.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: #d2d2d2;
+ color: #848484;
+}
+.p-splitbutton.p-button-text > .p-button {
+ background-color: transparent;
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(0, 122, 217, 0.04);
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(0, 122, 217, 0.16);
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-text.p-button-plain > .p-button {
+ color: #848484;
+}
+.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: #eaeaea;
+ color: #848484;
+}
+.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: #d2d2d2;
+ color: #848484;
+}
+.p-splitbutton.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-splitbutton.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-splitbutton.p-button-rounded > .p-button {
+ border-radius: 2rem;
+}
+.p-splitbutton.p-button-sm > .p-button {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.875rem;
+}
+.p-splitbutton.p-button-sm > .p-button .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-splitbutton.p-button-lg > .p-button {
+ font-size: 1.25rem;
+ padding: 0.53625rem 1.25rem;
+}
+.p-splitbutton.p-button-lg > .p-button .p-button-icon {
+ font-size: 1.25rem;
+}
+
+.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(96, 125, 139, 0.04);
+ color: #607D8B;
+}
+.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(96, 125, 139, 0.16);
+ color: #607D8B;
+}
+.p-splitbutton.p-button-secondary.p-button-text > .p-button {
+ background-color: transparent;
+ color: #607D8B;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(96, 125, 139, 0.04);
+ border-color: transparent;
+ color: #607D8B;
+}
+.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(96, 125, 139, 0.16);
+ border-color: transparent;
+ color: #607D8B;
+}
+
+.p-splitbutton.p-button-info.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(0, 122, 217, 0.04);
+ color: #007ad9;
+}
+.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(0, 122, 217, 0.16);
+ color: #007ad9;
+}
+.p-splitbutton.p-button-info.p-button-text > .p-button {
+ background-color: transparent;
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(0, 122, 217, 0.04);
+ border-color: transparent;
+ color: #007ad9;
+}
+.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(0, 122, 217, 0.16);
+ border-color: transparent;
+ color: #007ad9;
+}
+
+.p-splitbutton.p-button-success.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #34A835;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(52, 168, 53, 0.04);
+ color: #34A835;
+}
+.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(52, 168, 53, 0.16);
+ color: #34A835;
+}
+.p-splitbutton.p-button-success.p-button-text > .p-button {
+ background-color: transparent;
+ color: #34A835;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(52, 168, 53, 0.04);
+ border-color: transparent;
+ color: #34A835;
+}
+.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(52, 168, 53, 0.16);
+ border-color: transparent;
+ color: #34A835;
+}
+
+.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #ffba01;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(255, 186, 1, 0.04);
+ color: #ffba01;
+}
+.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(255, 186, 1, 0.16);
+ color: #ffba01;
+}
+.p-splitbutton.p-button-warning.p-button-text > .p-button {
+ background-color: transparent;
+ color: #ffba01;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(255, 186, 1, 0.04);
+ border-color: transparent;
+ color: #ffba01;
+}
+.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(255, 186, 1, 0.16);
+ border-color: transparent;
+ color: #ffba01;
+}
+
+.p-splitbutton.p-button-help.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(156, 39, 176, 0.04);
+ color: #9C27B0;
+}
+.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(156, 39, 176, 0.16);
+ color: #9C27B0;
+}
+.p-splitbutton.p-button-help.p-button-text > .p-button {
+ background-color: transparent;
+ color: #9C27B0;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(156, 39, 176, 0.04);
+ border-color: transparent;
+ color: #9C27B0;
+}
+.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(156, 39, 176, 0.16);
+ border-color: transparent;
+ color: #9C27B0;
+}
+
+.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #e91224;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(233, 18, 36, 0.04);
+ color: #e91224;
+}
+.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(233, 18, 36, 0.16);
+ color: #e91224;
+}
+.p-splitbutton.p-button-danger.p-button-text > .p-button {
+ background-color: transparent;
+ color: #e91224;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(233, 18, 36, 0.04);
+ border-color: transparent;
+ color: #e91224;
+}
+.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(233, 18, 36, 0.16);
+ border-color: transparent;
+ color: #e91224;
+}
+
+.p-carousel .p-carousel-content .p-carousel-prev,
+.p-carousel .p-carousel-content .p-carousel-next {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-carousel .p-carousel-indicators {
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #f4f4f4;
+ 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: #eaeaea;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: #e02365;
+ color: #ffffff;
+}
+
+.p-datatable .p-paginator-top {
+ border-width: 1px 1px 0 1px;
+ border-radius: 0;
+}
+.p-datatable .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+ border-radius: 0;
+}
+.p-datatable .p-datatable-header {
+ background: #007ad9;
+ color: #ffffff;
+ border: 1px solid #007ad9;
+ border-width: 1px 1px 0 1px;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-datatable .p-datatable-footer {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-width: 0 1px 1px 1px;
+ padding: 0.571rem 1rem;
+ font-weight: normal;
+}
+.p-datatable .p-datatable-thead > tr > th {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #c8c8c8;
+ border-width: 1px 1px 1px 1px;
+ font-weight: 700;
+ color: #333333;
+ background: #f4f4f4;
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tfoot > tr > td {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #c8c8c8;
+ border-width: 1px;
+ font-weight: 700;
+ color: #333333;
+ background: #f4f4f4;
+}
+.p-datatable .p-sortable-column .p-sortable-column-icon {
+ color: #848484;
+ margin-left: 0.5rem;
+}
+.p-datatable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #ffffff;
+ background: #e02365;
+ margin-left: 0.5rem;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
+ background: #e0e0e0;
+ color: #333333;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #333333;
+}
+.p-datatable .p-sortable-column.p-highlight {
+ background: #e02365;
+ color: #ffffff;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #ffffff;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: #e02365;
+ color: #ffffff;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #ffffff;
+}
+.p-datatable .p-sortable-column:focus {
+ box-shadow: inset 0 0 0 0.15rem #8dcdff;
+ outline: 0 none;
+}
+.p-datatable .p-datatable-tbody > tr {
+ background: #ffffff;
+ color: #333333;
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #c8c8c8;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 700;
+}
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid #8dcdff;
+ outline-offset: -0.15rem;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: #e02365;
+ color: #ffffff;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 #e02365;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 #e02365;
+}
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-datatable .p-column-resizer-helper {
+ background: #007ad9;
+}
+.p-datatable .p-datatable-scrollable-header,
+.p-datatable .p-datatable-scrollable-footer {
+ background: #007ad9;
+}
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-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: #f4f4f4;
+}
+.p-datatable .p-datatable-loading-icon {
+ font-size: 2rem;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-header {
+ border-width: 1px 1px 0 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-footer {
+ border-width: 0 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-paginator-top {
+ border-width: 0 1px 0 1px;
+}
+.p-datatable.p-datatable-gridlines .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
+ border-width: 1px 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
+ border-width: 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
+ border-width: 1px;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
+ background: #f9f9f9;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: #e02365;
+ color: #ffffff;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #ffffff;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #ffffff;
+}
+.p-datatable.p-datatable-sm .p-datatable-header {
+ padding: 0.72845rem 0.85rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
+ padding: 0.48535rem 0.85rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-footer {
+ padding: 0.48535rem 0.85rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-header {
+ padding: 1.07125rem 1.25rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
+ padding: 0.71375rem 1.25rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-footer {
+ padding: 0.71375rem 1.25rem;
+}
+
+.p-dataview .p-paginator-top {
+ border-width: 1px 1px 0 1px;
+ border-radius: 0;
+}
+.p-dataview .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+ border-radius: 0;
+}
+.p-dataview .p-dataview-header {
+ background: #007ad9;
+ color: #ffffff;
+ border: 1px solid #007ad9;
+ border-width: 1px 1px 0 1px;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-dataview .p-dataview-content {
+ background: #ffffff;
+ color: #333333;
+ border: 0 none;
+ padding: 0;
+}
+.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
+ border: 1px solid #d8dae2;
+ border-width: 1px;
+}
+.p-dataview .p-dataview-footer {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-width: 0 1px 1px 1px;
+ padding: 0.571rem 1rem;
+ font-weight: normal;
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+.p-column-filter-row .p-column-filter-menu-button,
+.p-column-filter-row .p-column-filter-clear-button {
+ margin-left: 0.5rem;
+}
+
+.p-column-filter-menu-button {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: transparent;
+ color: #007ad9;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: #e02365;
+ color: #ffffff;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+
+.p-column-filter-clear-button {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+
+.p-column-filter-overlay {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #ffffff;
+ background: #e02365;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #8dcdff;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+
+.p-column-filter-overlay-menu .p-column-filter-operator {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #eaeaea;
+ color: #333333;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint {
+ padding: 0.571rem 1rem;
+ border-bottom: 1px solid #d8dae2;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
+.p-column-filter-overlay-menu .p-column-filter-add-rule {
+ padding: 0.571rem 1rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-buttonbar {
+ padding: 0.571rem 1rem;
+}
+
+.fc {
+ /* FullCalendar 4 */
+ /* FullCalendar 5 */
+}
+.fc.fc-unthemed .fc-view-container th {
+ background: #007ad9;
+ border: 1px solid #007ad9;
+ color: #ffffff;
+}
+.fc.fc-unthemed .fc-view-container td.fc-widget-content {
+ border: 1px solid #c8c8c8;
+ color: #333333;
+}
+.fc.fc-unthemed .fc-view-container td.fc-head-container {
+ border: 1px solid #007ad9;
+}
+.fc.fc-unthemed .fc-view-container .fc-view {
+ background: #ffffff;
+}
+.fc.fc-unthemed .fc-view-container .fc-row {
+ border-right: 1px solid #007ad9;
+}
+.fc.fc-unthemed .fc-view-container .fc-event {
+ background: #116fbf;
+ border: 1px solid #116fbf;
+ color: #ffffff;
+}
+.fc.fc-unthemed .fc-view-container .fc-divider {
+ background: #007ad9;
+ border: 1px solid #007ad9;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button {
+ color: #ffffff;
+ background: #007ad9;
+ border: 1px solid #007ad9;
+ font-size: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+ display: flex;
+ align-items: center;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover {
+ background: #116fbf;
+ color: #ffffff;
+ border-color: #116fbf;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active {
+ background: #005b9f;
+ color: #ffffff;
+ border-color: #005b9f;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "\e900";
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "\e901";
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #dadada;
+ border: 1px solid #dadada;
+ color: #333333;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #116fbf;
+ border-color: #116fbf;
+ color: #ffffff;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ z-index: 1;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button {
+ border-radius: 0;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid {
+ border-color: #c8c8c8;
+}
+.fc.fc-theme-standard .fc-view-harness th {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
+.fc.fc-theme-standard .fc-view-harness td {
+ color: #333333;
+ border-color: #c8c8c8;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-view {
+ background: #ffffff;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover {
+ background: none;
+ border: 0 none;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header {
+ border: 1px solid #007ad9;
+ padding: 0.857rem 1rem;
+ background: #007ad9;
+ color: #ffffff;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close {
+ opacity: 1;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ overflow: hidden;
+ font-family: "PrimeIcons" !important;
+ font-size: 1rem;
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before {
+ content: "\e90b";
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body {
+ padding: 0.571rem 1rem;
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ border-top: 0 none;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
+ color: #ffffff;
+ background: #116fbf;
+ border-color: #116fbf;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main {
+ color: #ffffff;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot {
+ background: #116fbf;
+ border-color: #116fbf;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
+ background: #007ad9;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button {
+ color: #ffffff;
+ background: #007ad9;
+ border: 1px solid #007ad9;
+ font-size: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
+ background: #116fbf;
+ color: #ffffff;
+ border-color: #116fbf;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active {
+ background: #005b9f;
+ color: #ffffff;
+ border-color: #005b9f;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:disabled {
+ opacity: 0.5;
+ color: #ffffff;
+ background: #007ad9;
+ border: 1px solid #007ad9;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "\e900";
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "\e901";
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #dadada;
+ border: 1px solid #dadada;
+ color: #333333;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #116fbf;
+ border-color: #116fbf;
+ color: #ffffff;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ z-index: 1;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button {
+ border-radius: 0;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.fc.fc-theme-standard .fc-highlight {
+ color: #ffffff;
+ background: #e02365;
+}
+
+.p-orderlist .p-orderlist-controls {
+ padding: 0.571rem 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
+.p-orderlist .p-orderlist-header {
+ background: #007ad9;
+ color: #ffffff;
+ border: 1px solid #007ad9;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list {
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ padding: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #8dcdff;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #ffffff;
+ background: #e02365;
+}
+.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
+ background: #f9f9f9;
+}
+.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
+ background: #eaeaea;
+}
+
+.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight {
+ background: #e02365;
+ color: #ffffff;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: #731033;
+}
+.p-organizationchart .p-organizationchart-line-down {
+ background: #c8c8c8;
+}
+.p-organizationchart .p-organizationchart-line-left {
+ border-right: 1px solid #c8c8c8;
+ border-color: #c8c8c8;
+}
+.p-organizationchart .p-organizationchart-line-top {
+ border-top: 1px solid #c8c8c8;
+ border-color: #c8c8c8;
+}
+.p-organizationchart .p-organizationchart-node-content {
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ padding: 0.571rem 1rem;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
+ background: inherit;
+ color: inherit;
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+
+.p-paginator {
+ background: #f4f4f4;
+ color: #333333;
+ border: solid #c8c8c8;
+ border-width: 1px;
+ padding: 0;
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: #848484;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: #e0e0e0;
+ border-color: transparent;
+ color: #333333;
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.357rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-page-input {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+}
+.p-paginator .p-paginator-page-input .p-inputtext {
+ max-width: 2.357rem;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: #848484;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: #848484;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: #e02365;
+ border-color: #e02365;
+ color: #ffffff;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: #e0e0e0;
+ border-color: transparent;
+ color: #333333;
+}
+
+.p-picklist .p-picklist-buttons {
+ padding: 0.571rem 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
+.p-picklist .p-picklist-header {
+ background: #007ad9;
+ color: #ffffff;
+ border: 1px solid #007ad9;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-picklist .p-picklist-list {
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ padding: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #8dcdff;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #ffffff;
+ background: #e02365;
+}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: #f9f9f9;
+}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: #eaeaea;
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 0 none;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #e02365;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #c8c8c8;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
+.p-tree {
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ padding: 0.571rem 1rem;
+ border-radius: 3px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ padding: 0;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ 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: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: #848484;
+}
+.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: #333333;
+}
+.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 #8dcdff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: #e02365;
+ color: #ffffff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #ffffff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #ffffff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.429rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.429rem;
+ color: #848484;
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
+
+.p-treetable .p-paginator-top {
+ border-width: 1px 1px 0 1px;
+ border-radius: 0;
+}
+.p-treetable .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+ border-radius: 0;
+}
+.p-treetable .p-treetable-header {
+ background: #007ad9;
+ color: #ffffff;
+ border: 1px solid #007ad9;
+ border-width: 1px 1px 0 1px;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-treetable .p-treetable-footer {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-width: 0 1px 1px 1px;
+ padding: 0.571rem 1rem;
+ font-weight: normal;
+}
+.p-treetable .p-treetable-thead > tr > th {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #c8c8c8;
+ border-width: 1px 1px 1px 1px;
+ font-weight: 700;
+ color: #333333;
+ background: #f4f4f4;
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-treetable .p-treetable-tfoot > tr > td {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #c8c8c8;
+ border-width: 1px;
+ font-weight: 700;
+ color: #333333;
+ background: #f4f4f4;
+}
+.p-treetable .p-sortable-column {
+ outline-color: #8dcdff;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: #848484;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #ffffff;
+ background: #e02365;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: #e0e0e0;
+ color: #333333;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #333333;
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #e02365;
+ color: #ffffff;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #ffffff;
+}
+.p-treetable .p-treetable-tbody > tr {
+ background: #ffffff;
+ color: #333333;
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #c8c8c8;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.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: #333333;
+}
+.p-treetable .p-treetable-tbody > tr:focus {
+ outline: 0.15rem solid #8dcdff;
+ outline-offset: -0.15rem;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: #e02365;
+ color: #ffffff;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #ffffff;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #ffffff;
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: #333333;
+}
+.p-treetable .p-column-resizer-helper {
+ background: #007ad9;
+}
+.p-treetable .p-treetable-scrollable-header,
+.p-treetable .p-treetable-scrollable-footer {
+ background: #007ad9;
+}
+.p-treetable .p-treetable-loading-icon {
+ font-size: 2rem;
+}
+.p-treetable.p-treetable-gridlines .p-datatable-header {
+ border-width: 1px 1px 0 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-footer {
+ border-width: 0 1px 1px 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-top {
+ border-width: 0 1px 0 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-bottom {
+ border-width: 0 1px 1px 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
+ border-width: 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
+ border-width: 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
+ border-width: 1px;
+}
+.p-treetable.p-treetable-sm .p-treetable-header {
+ padding: 0.749875rem 0.875rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
+ padding: 0.48535rem 0.85rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-footer {
+ padding: 0.48535rem 0.85rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-header {
+ padding: 1.07125rem 1.25rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
+ padding: 0.71375rem 1.25rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-footer {
+ padding: 0.71375rem 1.25rem;
+}
+
+.p-accordion .p-accordion-header .p-accordion-header-link {
+ padding: 0.857rem 1rem;
+ border: 1px solid #007ad9;
+ color: #ffffff;
+ background: #007ad9;
+ font-weight: 700;
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
+.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
+ background: #dbdbdb;
+ border-color: #dbdbdb;
+ color: #333333;
+}
+.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
+ border-color: #005b9f;
+ background: #005b9f;
+ color: #ffffff;
+}
+.p-accordion .p-accordion-content {
+ padding: 0.571rem 1rem;
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ border-top: 0;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-accordion .p-accordion-tab {
+ margin-bottom: 2px;
+}
+
+.p-card {
+ background: #ffffff;
+ color: #333333;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+ border-radius: 3px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+ color: #848484;
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
+
+.p-fieldset {
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ border-radius: 3px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 0.857rem 1rem;
+ border: 1px solid #007ad9;
+ color: #ffffff;
+ background: #007ad9;
+ font-weight: 700;
+ border-radius: 3px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 0.857rem 1rem;
+ color: #ffffff;
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: #333333;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: #dbdbdb;
+ border-color: #dbdbdb;
+ color: #333333;
+}
+.p-fieldset .p-fieldset-content {
+ padding: 0.571rem 1rem;
+}
+
+.p-divider .p-divider-content {
+ background-color: #ffffff;
+}
+.p-divider.p-divider-horizontal {
+ margin: 1rem 0;
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #c8c8c8;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
+.p-divider.p-divider-vertical {
+ margin: 0 1rem;
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #c8c8c8;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
+
+.p-panel .p-panel-header {
+ border: 1px solid #007ad9;
+ padding: 0.857rem 1rem;
+ background: #007ad9;
+ color: #ffffff;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 700;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ 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: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-panel.p-panel-toggleable .p-panel-header {
+ padding: 0.857rem 1rem;
+}
+.p-panel .p-panel-content {
+ padding: 0.571rem 1rem;
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+ border-top: 0 none;
+}
+.p-panel .p-panel-footer {
+ padding: 0.571rem 1rem;
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ border-top: 0 none;
+}
+
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #f8f8f8;
+ border: 0 none;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+
+.p-splitter {
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ border-radius: 3px;
+ color: #333333;
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: #eaeaea;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #d8dae2;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #d8dae2;
+}
+
+.p-tabview .p-tabview-nav {
+ background: transparent;
+ border: 0 none;
+ border-width: 1px;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 2px;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: 1px solid #007ad9;
+ border-width: 1px;
+ border-color: #007ad9;
+ background: #007ad9;
+ color: #ffffff;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #dbdbdb;
+ border-color: #dbdbdb;
+ color: #333333;
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
+.p-tabview .p-tabview-nav-btn.p-link {
+ background: #007ad9;
+ color: #ffffff;
+ 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;
+}
+.p-tabview .p-tabview-nav-btn.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-tabview .p-tabview-panels {
+ background: #ffffff;
+ padding: 0.571rem 1rem;
+ border: 1px solid #c8c8c8;
+ color: #333333;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+
+.p-toolbar {
+ background: #007ad9;
+ border: 1px solid #007ad9;
+ padding: 0.857rem 1rem;
+ border-radius: 3px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
+
+.p-confirm-popup {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-confirm-popup .p-confirm-popup-content {
+ padding: 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1rem 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(200, 200, 200, 0);
+ border-bottom-color: #c8c8c8;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #c8c8c8;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
+
+.p-dialog {
+ border-radius: 3px;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+ border: 1px solid #c8c8c8;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 1px solid #007ad9;
+ background: #007ad9;
+ color: #ffffff;
+ padding: 1rem;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 700;
+ font-size: 1rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #ffffff;
+ color: #333333;
+ padding: 1rem;
+}
+.p-dialog .p-dialog-content:last-of-type {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ padding: 0.571rem 1rem;
+ text-align: right;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
+
+.p-overlaypanel {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 0.571rem 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #007ad9;
+ color: #ffffff;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #116fbf;
+ color: #ffffff;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(200, 200, 200, 0);
+ border-bottom-color: #bebebe;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #c8c8c8;
+}
+
+.p-sidebar {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 0.857rem 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 0.571rem 1rem;
+}
+
+.p-tooltip .p-tooltip-text {
+ background: #333333;
+ color: #ffffff;
+ padding: 0.429rem 0.429rem;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+}
+.p-tooltip.p-tooltip-right .p-tooltip-arrow {
+ border-right-color: #333333;
+}
+.p-tooltip.p-tooltip-left .p-tooltip-arrow {
+ border-left-color: #333333;
+}
+.p-tooltip.p-tooltip-top .p-tooltip-arrow {
+ border-top-color: #333333;
+}
+.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
+ border-bottom-color: #333333;
+}
+
+.p-fileupload .p-fileupload-buttonbar {
+ background: #007ad9;
+ padding: 0.857rem 1rem;
+ border: 1px solid #007ad9;
+ color: #ffffff;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ gap: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-fileupload .p-fileupload-content {
+ background: #ffffff;
+ padding: 0.571rem 1rem;
+ border: 1px solid #c8c8c8;
+ color: #333333;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-progressbar {
+ height: 0.25rem;
+}
+.p-fileupload .p-fileupload-row > div {
+ padding: 0.571rem 0.857rem;
+}
+.p-fileupload.p-fileupload-advanced .p-message {
+ margin-top: 0;
+}
+
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #116fbf;
+ color: #ffffff;
+ border-color: #116fbf;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #005b9f;
+ color: #ffffff;
+ border-color: #005b9f;
+}
+
+.p-breadcrumb {
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ padding: 0.571rem 1rem;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+}
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
+ margin: 0 0.5rem 0 0.5rem;
+ color: #333333;
+}
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
+ color: #333333;
+}
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
+ color: #333333;
+}
+
+.p-contextmenu {
+ padding: 0;
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+ width: 12.5rem;
+}
+.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;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.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:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.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: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-menuitem-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
+
+.p-dock .p-dock-list-container {
+ background: rgba(255, 255, 255, 0.1);
+ border: 1px solid rgba(255, 255, 255, 0.2);
+ padding: 0.5rem 0.5rem;
+ border-radius: 0.5rem;
+}
+.p-dock .p-dock-list-container .p-dock-list {
+ outline: 0 none;
+}
+.p-dock .p-dock-item {
+ padding: 0.5rem;
+ border-radius: 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-link {
+ width: 4rem;
+ height: 4rem;
+}
+.p-dock.p-dock-top .p-dock-item-second-prev,
+.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
+.p-dock.p-dock-bottom .p-dock-item-second-next {
+ margin: 0 0.9rem;
+}
+.p-dock.p-dock-top .p-dock-item-prev,
+.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
+.p-dock.p-dock-bottom .p-dock-item-next {
+ margin: 0 1.3rem;
+}
+.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
+ margin: 0 1.5rem;
+}
+.p-dock.p-dock-left .p-dock-item-second-prev,
+.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
+.p-dock.p-dock-right .p-dock-item-second-next {
+ margin: 0.9rem 0;
+}
+.p-dock.p-dock-left .p-dock-item-prev,
+.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
+.p-dock.p-dock-right .p-dock-item-next {
+ margin: 1.3rem 0;
+}
+.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
+ margin: 1.5rem 0;
+}
+
+@media screen and (max-width: 960px) {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
+ overflow-x: auto;
+ width: 100%;
+ }
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
+ margin: 0 auto;
+ }
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
+ overflow-y: auto;
+ height: 100%;
+ }
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
+ margin: auto 0;
+ }
+ .p-dock .p-dock-list .p-dock-item {
+ transform: none;
+ margin: 0;
+ }
+}
+.p-megamenu {
+ padding: 0.5rem;
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+}
+.p-megamenu .p-megamenu-root-list {
+ outline: 0 none;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content {
+ color: #333333;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #eaeaea;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #333333;
+ background: #d6d6d6;
+}
+.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: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;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.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: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-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-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-megamenu .p-submenu-list {
+ padding: 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-submenu-list .p-menuitem-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0;
+}
+.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-menu {
+ padding: 0;
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ width: 12.5rem;
+}
+.p-menu .p-menuitem > .p-menuitem-content {
+ color: #333333;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.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: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;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-menu .p-menuitem-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+
+.p-menubar {
+ padding: 0.5rem;
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+}
+.p-menubar .p-menubar-root-list {
+ outline: 0 none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
+ color: #333333;
+ 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-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.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-menubar-root-list > .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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.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-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 > .p-menuitem-content {
+ color: #333333;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.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-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 {
+ padding: 0;
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ width: 12.5rem;
+}
+.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;
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
+ color: #333333;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
+ color: #333333;
+ background: #eaeaea;
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
+ padding: 0;
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 2.571rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 4.285rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 5.999rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 7.713rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 9.427rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
+.p-panelmenu .p-panelmenu-header {
+ outline: 0 none;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
+ border: 1px solid #007ad9;
+ color: #ffffff;
+ background: #007ad9;
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.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: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:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
+ border-color: #005b9f;
+ background: #005b9f;
+ color: #ffffff;
+}
+.p-panelmenu .p-panelmenu-content {
+ padding: 0;
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ border-top: 0;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
+ outline: 0 none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
+ color: #333333;
+ 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 {
+ padding: 0.857rem;
+ user-select: none;
+}
+.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-content .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.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-highlight > .p-menuitem-content {
+ color: #333333;
+ background: #eaeaea;
+}
+.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-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-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: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-content .p-menuitem-link .p-submenu-icon {
+ margin-right: 0.5rem;
+}
+.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 {
+ margin-bottom: 2px;
+}
+
+.p-steps .p-steps-item .p-menuitem-link {
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+ background: #ffffff;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: #333333;
+ border: 1px solid #dee2e6;
+ background: #ffffff;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: #848484;
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-steps .p-steps-item.p-highlight .p-steps-number {
+ background: #e02365;
+ color: #ffffff;
+}
+.p-steps .p-steps-item.p-highlight .p-steps-title {
+ font-weight: 700;
+ color: #333333;
+}
+.p-steps .p-steps-item:before {
+ content: " ";
+ border-top: 1px solid #d8dae2;
+ width: 100%;
+ top: 50%;
+ left: 0;
+ display: block;
+ position: absolute;
+ margin-top: -1rem;
+}
+
+.p-tabmenu .p-tabmenu-nav {
+ background: transparent;
+ border: 0 none;
+ border-width: 1px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 2px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: 1px solid #007ad9;
+ border-width: 1px;
+ border-color: #007ad9;
+ background: #007ad9;
+ color: #ffffff;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #dbdbdb;
+ border-color: #dbdbdb;
+ color: #333333;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
+
+.p-tieredmenu {
+ padding: 0;
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ width: 12.5rem;
+}
+.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;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #eaeaea;
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #333333;
+ background: #d6d6d6;
+}
+.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-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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.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: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-menuitem-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
+
+.p-inline-message {
+ padding: 0.5rem;
+ margin: 0;
+ border-radius: 3px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
+
+.p-message {
+ margin: 1rem 0;
+ border-radius: 3px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-message.p-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-info .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-success .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-error .p-message-close {
+ color: #212121;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: normal;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
+
+.p-toast {
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1rem;
+ border-width: 0;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 0.5rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #212121;
+}
+
+.p-galleria .p-galleria-close {
+ margin: 0.5rem;
+ background: transparent;
+ color: #ebedef;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #ebedef;
+}
+.p-galleria .p-galleria-item-nav {
+ background: rgba(0, 0, 0, 0.2);
+ color: #aeb6bf;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
+}
+.p-galleria .p-galleria-caption {
+ background: rgba(0, 0, 0, 0.5);
+ color: #ebedef;
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators {
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #f4f4f4;
+ 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: #eaeaea;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #e02365;
+ color: #ffffff;
+}
+.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+ margin-right: 0.5rem;
+}
+.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+ margin-bottom: 0.5rem;
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #e02365;
+ color: #ffffff;
+}
+.p-galleria .p-galleria-thumbnail-container {
+ background: rgba(0, 0, 0, 0.9);
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #aeb6bf;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+
+.p-galleria-mask {
+ --maskbg: rgba(0, 0, 0, 0.9);
+}
+
+.p-image-mask {
+ --maskbg: rgba(0, 0, 0, 0.9);
+}
+
+.p-image-preview-indicator {
+ background-color: transparent;
+ color: #f8f9fa;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+
+.p-image-preview-container:hover > .p-image-preview-indicator {
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.p-image-toolbar {
+ padding: 1rem;
+}
+
+.p-image-action.p-link {
+ color: #f8f9fa;
+ background-color: transparent;
+ width: 3rem;
+ height: 3rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-image-action.p-link:last-child {
+ margin-right: 0;
+}
+.p-image-action.p-link:hover {
+ color: #f8f9fa;
+ background-color: rgba(255, 255, 255, 0.1);
+}
+.p-image-action.p-link i {
+ font-size: 1.5rem;
+}
+
+.p-avatar {
+ background-color: #c8c8c8;
+ border-radius: 3px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
+
+.p-avatar-group .p-avatar {
+ border: 2px solid #ffffff;
+}
+
+.p-badge {
+ background: #007ad9;
+ color: #ffffff;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #607D8B;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #34A835;
+ color: #ffffff;
+}
+.p-badge.p-badge-info {
+ background-color: #007ad9;
+ color: #ffffff;
+}
+.p-badge.p-badge-warning {
+ background-color: #ffba01;
+ color: #333333;
+}
+.p-badge.p-badge-danger {
+ background-color: #e91224;
+ color: #ffffff;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
+.p-chip {
+ background-color: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+ padding: 0 0.429rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.2145rem;
+ margin-bottom: 0.2145rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 1.929rem;
+ height: 1.929rem;
+ margin-left: -0.429rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+
+.p-inplace .p-inplace-display {
+ padding: 0.429rem 0.429rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 24px;
+ background: #eaeaea;
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #007ad9;
+}
+.p-progressbar .p-progressbar-label {
+ color: #ffffff;
+ line-height: 24px;
+}
+
+.p-scrolltop {
+ width: 3rem;
+ height: 3rem;
+ border-radius: 50%;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: rgba(0, 0, 0, 0.7);
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(0, 0, 0, 0.8);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: #f4f4f4;
+}
+
+.p-skeleton {
+ background-color: #eaeaea;
+ border-radius: 3px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
+}
+
+.p-tag {
+ background: #007ad9;
+ color: #ffffff;
+ font-size: 0.75rem;
+ font-weight: 700;
+ padding: 0.25rem 0.4rem;
+ border-radius: 3px;
+}
+.p-tag.p-tag-success {
+ background-color: #34A835;
+ color: #ffffff;
+}
+.p-tag.p-tag-info {
+ background-color: #007ad9;
+ color: #ffffff;
+}
+.p-tag.p-tag-warning {
+ background-color: #ffba01;
+ color: #333333;
+}
+.p-tag.p-tag-danger {
+ background-color: #e91224;
+ color: #ffffff;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
+
+.p-terminal {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ padding: 0.571rem 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
+
+.p-panel .p-panel-header .p-panel-header-icon {
+ color: #ffffff;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: #5ab7ff;
+}
+
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ color: #ffffff;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #5ab7ff;
+}
+
+.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
+ background-color: #27a0ff;
+ border-color: #27a0ff;
+ color: #ffffff;
+}
+.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
+ background: #e02365;
+ border-color: #e02365;
+ color: #ffffff;
+}
+.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
+ background: #e96694;
+ border-color: #e96694;
+ color: #ffffff;
+}
+
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background-color: #27a0ff;
+ border-color: #27a0ff;
+ color: #ffffff;
+}
+
+/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css
new file mode 100644
index 0000000..12a1ceb
--- /dev/null
+++ b/public/themes/nova-alt/theme.css
@@ -0,0 +1,5759 @@
+:root {
+ --surface-a: #ffffff;
+ --surface-b: #f4f4f4;
+ --surface-c: #eaeaea;
+ --surface-d: #c8c8c8;
+ --surface-e: #ffffff;
+ --surface-f: #ffffff;
+ --text-color: #333333;
+ --text-color-secondary: #848484;
+ --primary-color: #007ad9;
+ --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-0: #ffffff;
+ --surface-50: #eef1f2;
+ --surface-100: #dde2e4;
+ --surface-200: #bbc5ca;
+ --surface-300: #98a8af;
+ --surface-400: #768b95;
+ --surface-500: #546e7a;
+ --surface-600: #435862;
+ --surface-700: #324249;
+ --surface-800: #222c31;
+ --surface-900: #111618;
+ --gray-50: #eef1f2;
+ --gray-100: #dde2e4;
+ --gray-200: #bbc5ca;
+ --gray-300: #98a8af;
+ --gray-400: #768b95;
+ --gray-500: #546e7a;
+ --gray-600: #435862;
+ --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;
+ --focus-ring: 0 0 0 0.2rem #8dcdff;
+ --maskbg: rgba(0, 0, 0, 0.4);
+ color-scheme: light;
+}
+
+* {
+ box-sizing: border-box;
+}
+
+.p-component {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ font-weight: normal;
+}
+
+.p-component-overlay {
+ background-color: rgba(0, 0, 0, 0.4);
+ transition-duration: 0.2s;
+}
+
+.p-disabled, .p-component:disabled {
+ opacity: 0.5;
+}
+
+.p-error {
+ color: #a80000;
+}
+
+.p-text-secondary {
+ color: #848484;
+}
+
+.pi {
+ font-size: 1rem;
+}
+
+.p-link {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ border-radius: 3px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+
+.p-component-overlay-enter {
+ animation: p-component-overlay-enter-animation 150ms forwards;
+}
+
+.p-component-overlay-leave {
+ animation: p-component-overlay-leave-animation 150ms forwards;
+}
+
+@keyframes p-component-overlay-enter-animation {
+ from {
+ background-color: transparent;
+ }
+ to {
+ background-color: var(--maskbg);
+ }
+}
+@keyframes p-component-overlay-leave-animation {
+ from {
+ background-color: var(--maskbg);
+ }
+ to {
+ background-color: transparent;
+ }
+}
+
+:root {
+ --blue-50:#f3f8fc;
+ --blue-100:#c6dcef;
+ --blue-200:#98c1e3;
+ --blue-300:#6ba5d7;
+ --blue-400:#3d8aca;
+ --blue-500:#106ebe;
+ --blue-600:#0e5ea2;
+ --blue-700:#0b4d85;
+ --blue-800:#093d69;
+ --blue-900:#062c4c;
+ --green-50:#f7fbf6;
+ --green-100:#d6ead1;
+ --green-200:#b6d9ad;
+ --green-300:#96c889;
+ --green-400:#76b765;
+ --green-500:#56a641;
+ --green-600:#498d37;
+ --green-700:#3c742e;
+ --green-800:#2f5b24;
+ --green-900:#22421a;
+ --yellow-50:#fffcf5;
+ --yellow-100:#fdefcd;
+ --yellow-200:#fbe3a6;
+ --yellow-300:#f9d67f;
+ --yellow-400:#f8ca57;
+ --yellow-500:#f6bd30;
+ --yellow-600:#d1a129;
+ --yellow-700:#ac8422;
+ --yellow-800:#87681a;
+ --yellow-900:#624c13;
+ --cyan-50:#f4fbfd;
+ --cyan-100:#ccebf5;
+ --cyan-200:#a4dbed;
+ --cyan-300:#7ccce5;
+ --cyan-400:#54bcdd;
+ --cyan-500:#2cacd5;
+ --cyan-600:#2592b5;
+ --cyan-700:#1f7895;
+ --cyan-800:#185f75;
+ --cyan-900:#124555;
+ --pink-50:#fdf4f9;
+ --pink-100:#f6cce0;
+ --pink-200:#eea3c7;
+ --pink-300:#e77aae;
+ --pink-400:#df5296;
+ --pink-500:#d8297d;
+ --pink-600:#b8236a;
+ --pink-700:#971d58;
+ --pink-800:#771745;
+ --pink-900:#561032;
+ --indigo-50:#f4f6fd;
+ --indigo-100:#ccd3f5;
+ --indigo-200:#a4b0ed;
+ --indigo-300:#7c8de5;
+ --indigo-400:#546add;
+ --indigo-500:#2c47d5;
+ --indigo-600:#253cb5;
+ --indigo-700:#1f3295;
+ --indigo-800:#182775;
+ --indigo-900:#121c55;
+ --teal-50:#f6fbfa;
+ --teal-100:#d1eae5;
+ --teal-200:#add9d1;
+ --teal-300:#89c8bd;
+ --teal-400:#65b7a8;
+ --teal-500:#41a694;
+ --teal-600:#378d7e;
+ --teal-700:#2e7468;
+ --teal-800:#245b51;
+ --teal-900:#1a423b;
+ --orange-50:#fff9f5;
+ --orange-100:#fde4cd;
+ --orange-200:#fbcfa6;
+ --orange-300:#f9ba7f;
+ --orange-400:#f8a457;
+ --orange-500:#f68f30;
+ --orange-600:#d17a29;
+ --orange-700:#ac6422;
+ --orange-800:#874f1a;
+ --orange-900:#623913;
+ --bluegray-50:#f7f8f9;
+ --bluegray-100:#dae0e3;
+ --bluegray-200:#bdc7cd;
+ --bluegray-300:#a0aeb6;
+ --bluegray-400:#8295a0;
+ --bluegray-500:#657c8a;
+ --bluegray-600:#566975;
+ --bluegray-700:#475761;
+ --bluegray-800:#38444c;
+ --bluegray-900:#283237;
+ --purple-50:#f9f8fd;
+ --purple-100:#e1dff7;
+ --purple-200:#cac5f1;
+ --purple-300:#b2abeb;
+ --purple-400:#9b92e4;
+ --purple-500:#8378de;
+ --purple-600:#6f66bd;
+ --purple-700:#5c549b;
+ --purple-800:#48427a;
+ --purple-900:#343059;
+ --red-50:#fdf4f3;
+ --red-100:#f6ccc6;
+ --red-200:#eea39a;
+ --red-300:#e77b6d;
+ --red-400:#df5240;
+ --red-500:#d82a13;
+ --red-600:#b82410;
+ --red-700:#971d0d;
+ --red-800:#77170a;
+ --red-900:#561108;
+ --primary-50:#f2f8fd;
+ --primary-100:#c2dff6;
+ --primary-200:#91c6ef;
+ --primary-300:#61ade7;
+ --primary-400:#3093e0;
+ --primary-500:#007ad9;
+ --primary-600:#0068b8;
+ --primary-700:#005598;
+ --primary-800:#004377;
+ --primary-900:#003157;
+}
+
+.p-autocomplete .p-autocomplete-loader {
+ right: 0.429rem;
+}
+.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
+ right: 2.786rem;
+}
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
+ border-color: #212121;
+}
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.2145rem 0.429rem;
+ gap: 0.5rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.2145rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #333333;
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.2145rem 0.429rem;
+ background: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #bababa;
+ color: #333333;
+}
+.p-autocomplete.p-invalid.p-component > .p-inputtext {
+ border-color: #a80000;
+}
+
+.p-autocomplete-panel {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-autocomplete-panel .p-autocomplete-items {
+ padding: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: #007ad9;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #333333;
+ background: #d6d6d6;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+
+.p-calendar.p-invalid.p-component > .p-inputtext {
+ border-color: #a80000;
+}
+
+.p-datepicker {
+ padding: 0.857rem;
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #a6a6a6;
+ border-radius: 3px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #ffffff;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: #333333;
+ background: #ffffff;
+ font-weight: 700;
+ margin: 0;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.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: #333333;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ font-weight: 700;
+ padding: 0.5rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
+ color: #007ad9;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.857rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: #d0d0d0;
+ color: #333333;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 0.857rem 0 0.429rem 0;
+ border-top: 1px solid #d8dae2;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #d8dae2;
+ padding: 0.857rem 0 0.429rem 0;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ 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: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.286rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.429rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.857rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-datepicker .p-yearpicker {
+ margin: 0.857rem 0;
+}
+.p-datepicker .p-yearpicker .p-yearpicker-year {
+ padding: 0.5rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-left: 1px solid #d8dae2;
+ padding-right: 0.857rem;
+ padding-left: 0.857rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+ border-left: 0 none;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.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 #8dcdff;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
+ background: #eaeaea;
+}
+.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 #8dcdff;
+}
+.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
+ background: #eaeaea;
+}
+.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 #8dcdff;
+}
+
+@media screen and (max-width: 769px) {
+ .p-datepicker table th, .p-datepicker table td {
+ padding: 0.25rem;
+ }
+}
+.p-cascadeselect {
+ background: #ffffff;
+ border: 1px solid #a6a6a6;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.429rem 0.429rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: #666666;
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: #848484;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #a80000;
+}
+
+.p-cascadeselect-panel {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: #007ad9;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #333333;
+ background: #d6d6d6;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.429rem 0.857rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
+
+.p-input-filled .p-cascadeselect {
+ background: #f4f4f4;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
+
+.p-checkbox {
+ width: 20px;
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 1px solid #a6a6a6;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: #333333;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #ffffff;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #007ad9;
+ background: #007ad9;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: #212121;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #005b9f;
+ background: #005b9f;
+ color: #ffffff;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #a80000;
+}
+
+.p-input-filled .p-checkbox .p-checkbox-box {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #007ad9;
+}
+.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ background: #005b9f;
+}
+
+.p-highlight .p-checkbox .p-checkbox-box {
+ border-color: #ffffff;
+}
+
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
+ border-color: #212121;
+}
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-chips .p-chips-multiple-container {
+ padding: 0.2145rem 0.429rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #bababa;
+ color: #333333;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.2145rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #333333;
+ padding: 0;
+ margin: 0;
+}
+.p-chips.p-invalid.p-component > .p-inputtext {
+ border-color: #a80000;
+}
+
+.p-colorpicker-preview {
+ width: 2rem;
+ height: 2rem;
+}
+
+.p-colorpicker-panel {
+ background: #323232;
+ border: 1px solid #191919;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
+
+.p-colorpicker-overlay-panel {
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+
+.p-dropdown {
+ background: #ffffff;
+ border: 1px solid #a6a6a6;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.429rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: #666666;
+}
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: #848484;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: #848484;
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #a80000;
+}
+
+.p-dropdown-panel {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-dropdown-panel .p-dropdown-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #eaeaea;
+ color: #333333;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.429rem;
+ margin-right: -1.429rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.429rem;
+ color: #848484;
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: #007ad9;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #333333;
+ background: #d6d6d6;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #333333;
+ background: transparent;
+}
+
+.p-input-filled .p-dropdown {
+ background: #f4f4f4;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+ background-color: transparent;
+}
+
+.p-editor-container .p-editor-toolbar {
+ background: #333333;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: #848484;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: #848484;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: #848484;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+ padding: 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.429rem 0.857rem;
+}
+.p-editor-container .p-editor-content {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #c8c8c8;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #ffffff;
+ color: #333333;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover,
+.p-editor-container .ql-snow.ql-toolbar button:focus {
+ color: #333333;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: #333333;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: #333333;
+}
+.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: #007ad9;
+}
+.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: #007ad9;
+}
+.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: #007ad9;
+}
+.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: #007ad9;
+}
+
+.p-inputgroup-addon {
+ background: #eaeaea;
+ color: #848484;
+ border-top: 1px solid #a6a6a6;
+ border-left: 1px solid #a6a6a6;
+ border-bottom: 1px solid #a6a6a6;
+ padding: 0.429rem 0.429rem;
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #a6a6a6;
+}
+
+.p-inputgroup > .p-component,
+.p-inputgroup > .p-inputwrapper > .p-inputtext,
+.p-inputgroup > .p-float-label > .p-component {
+ border-radius: 0;
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
+
+.p-inputgroup-addon:first-child,
+.p-inputgroup button:first-child,
+.p-inputgroup input:first-child,
+.p-inputgroup > .p-inputwrapper:first-child,
+.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+
+.p-inputgroup .p-float-label:first-child input {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+
+.p-inputgroup-addon:last-child,
+.p-inputgroup button:last-child,
+.p-inputgroup input:last-child,
+.p-inputgroup > .p-inputwrapper:last-child,
+.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+.p-inputgroup .p-float-label:last-child input {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+.p-fluid .p-inputgroup .p-button {
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
+
+.p-inputnumber.p-invalid.p-component > .p-inputtext {
+ border-color: #a80000;
+}
+
+.p-inputswitch {
+ width: 3rem;
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #cccccc;
+ 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: #ffffff;
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #b7b7b7;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: #007ad9;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: #cccccc;
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #116fbf;
+}
+.p-inputswitch.p-invalid {
+ border-color: #a80000;
+}
+
+.p-inputtext {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #333333;
+ background: #ffffff;
+ padding: 0.429rem 0.429rem;
+ border: 1px solid #a6a6a6;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ appearance: none;
+ border-radius: 3px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #212121;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #a80000;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.375375rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 0.53625rem;
+}
+
+.p-float-label > label {
+ left: 0.429rem;
+ color: #666666;
+ transition-duration: 0.2s;
+}
+
+.p-float-label > .p-invalid + label {
+ color: #a80000;
+}
+
+.p-input-icon-left > i:first-of-type {
+ left: 0.429rem;
+ color: #848484;
+}
+
+.p-input-icon-left > .p-inputtext {
+ padding-left: 1.858rem;
+}
+
+.p-input-icon-left.p-float-label > label {
+ left: 1.858rem;
+}
+
+.p-input-icon-right > i:last-of-type {
+ right: 0.429rem;
+ color: #848484;
+}
+
+.p-input-icon-right > .p-inputtext {
+ padding-right: 1.858rem;
+}
+
+::-webkit-input-placeholder {
+ color: #666666;
+}
+
+:-moz-placeholder {
+ color: #666666;
+}
+
+::-moz-placeholder {
+ color: #666666;
+}
+
+:-ms-input-placeholder {
+ color: #666666;
+}
+
+.p-input-filled .p-inputtext {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #f4f4f4;
+}
+
+.p-inputtext-sm .p-inputtext {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.375375rem;
+}
+
+.p-inputtext-lg .p-inputtext {
+ font-size: 1.25rem;
+ padding: 0.53625rem 0.53625rem;
+}
+
+.p-listbox {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #a6a6a6;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #eaeaea;
+ color: #333333;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.429rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.429rem;
+ color: #848484;
+}
+.p-listbox .p-listbox-list {
+ padding: 0;
+ outline: 0 none;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #333333;
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: #007ad9;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #333333;
+ background: #d6d6d6;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-listbox.p-invalid {
+ border-color: #a80000;
+}
+
+.p-multiselect {
+ background: #ffffff;
+ border: 1px solid #a6a6a6;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: #666666;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: #848484;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #a80000;
+}
+
+.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
+ padding: 0.2145rem 0.429rem;
+}
+
+.p-multiselect-panel {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-multiselect-panel .p-multiselect-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #eaeaea;
+ color: #333333;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.429rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.429rem;
+ color: #848484;
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ 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: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: #007ad9;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #333333;
+ background: #d6d6d6;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #333333;
+ background: transparent;
+}
+
+.p-input-filled .p-multiselect {
+ background: #f4f4f4;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
+
+.p-password.p-invalid.p-component > .p-inputtext {
+ border-color: #a80000;
+}
+
+.p-password-panel {
+ padding: 0.571rem 1rem;
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #eaeaea;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #e91224;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #ffba01;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #34A835;
+}
+
+.p-radiobutton {
+ width: 20px;
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 1px solid #a6a6a6;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: #333333;
+ 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: #212121;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.2s;
+ background-color: #ffffff;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #007ad9;
+ background: #007ad9;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #005b9f;
+ background: #005b9f;
+ color: #ffffff;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #a80000;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
+
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #007ad9;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #005b9f;
+}
+
+.p-highlight .p-radiobutton .p-radiobutton-box {
+ border-color: #ffffff;
+}
+
+.p-rating {
+ gap: 0.5rem;
+}
+.p-rating .p-rating-item .p-rating-icon {
+ color: #333333;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
+ color: #e4018d;
+}
+.p-rating .p-rating-item.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
+ color: #007ad9;
+}
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
+ color: #007ad9;
+}
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
+ color: #b5019f;
+}
+
+.p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
+ color: #ffffff;
+}
+
+.p-selectbutton .p-button {
+ background: #dadada;
+ border: 1px solid #dadada;
+ color: #333333;
+ 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: #666666;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #212121;
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #116fbf;
+ border-color: #116fbf;
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #ffffff;
+}
+.p-selectbutton.p-invalid > .p-button {
+ border-color: #a80000;
+}
+
+.p-slider {
+ background: #c8c8c8;
+ border: 0 none;
+ border-radius: 3px;
+}
+.p-slider.p-slider-horizontal {
+ height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -0.5715rem;
+ margin-left: -0.5715rem;
+}
+.p-slider.p-slider-vertical {
+ width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -0.5715rem;
+ margin-bottom: -0.5715rem;
+}
+.p-slider .p-slider-handle {
+ height: 1.143rem;
+ width: 1.143rem;
+ background: #ffffff;
+ border: 2px solid #666666;
+ border-radius: 100%;
+ 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 #8dcdff;
+}
+.p-slider .p-slider-range {
+ background: #007ad9;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: 2px solid #666666;
+ border-color: #007ad9;
+}
+
+.p-treeselect {
+ background: #ffffff;
+ border: 1px solid #a6a6a6;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: #666666;
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: #848484;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #a80000;
+}
+
+.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
+ padding: 0.2145rem 0.429rem;
+}
+
+.p-treeselect-panel {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.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.429rem 0.857rem;
+ color: #333333;
+ background: transparent;
+}
+
+.p-input-filled .p-treeselect {
+ background: #f4f4f4;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
+
+.p-togglebutton.p-button {
+ background: #dadada;
+ border: 1px solid #dadada;
+ color: #333333;
+ 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: #666666;
+}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #212121;
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #116fbf;
+ border-color: #116fbf;
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #a80000;
+}
+
+.p-button {
+ color: #ffffff;
+ background: #007ad9;
+ border: 1px solid #007ad9;
+ 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:enabled:hover {
+ background: #116fbf;
+ color: #ffffff;
+ border-color: #116fbf;
+}
+.p-button:enabled:active {
+ background: #005b9f;
+ color: #ffffff;
+ border-color: #005b9f;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(0, 122, 217, 0.04);
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(0, 122, 217, 0.16);
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: #848484;
+ border-color: #848484;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: #eaeaea;
+ color: #848484;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: #d2d2d2;
+ color: #848484;
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(0, 122, 217, 0.04);
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(0, 122, 217, 0.16);
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: #848484;
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: #eaeaea;
+ color: #848484;
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: #d2d2d2;
+ color: #848484;
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #007ad9;
+ background-color: #ffffff;
+}
+.p-button.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.429rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
+
+.p-fluid .p-button {
+ width: 100%;
+}
+.p-fluid .p-button-icon-only {
+ width: 2.357rem;
+}
+.p-fluid .p-buttonset {
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
+
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ color: #ffffff;
+ background: #607D8B;
+ border: 1px solid #607D8B;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #546E7A;
+ color: #ffffff;
+ border-color: #546E7A;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #B0BEC5;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #455A64;
+ color: #ffffff;
+ border-color: #455A64;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(96, 125, 139, 0.04);
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(96, 125, 139, 0.16);
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #607D8B;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(96, 125, 139, 0.04);
+ border-color: transparent;
+ color: #607D8B;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(96, 125, 139, 0.16);
+ border-color: transparent;
+ color: #607D8B;
+}
+
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ color: #ffffff;
+ background: #007ad9;
+ border: 1px solid #007ad9;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #116fbf;
+ color: #ffffff;
+ border-color: #116fbf;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #005b9f;
+ color: #ffffff;
+ border-color: #005b9f;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(0, 122, 217, 0.04);
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(0, 122, 217, 0.16);
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(0, 122, 217, 0.04);
+ border-color: transparent;
+ color: #007ad9;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(0, 122, 217, 0.16);
+ border-color: transparent;
+ color: #007ad9;
+}
+
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ color: #ffffff;
+ background: #34A835;
+ border: 1px solid #34A835;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #107D11;
+ color: #ffffff;
+ border-color: #107D11;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #aae5aa;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: #0C6B0D;
+ color: #ffffff;
+ border-color: #0C6B0D;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #34A835;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(52, 168, 53, 0.04);
+ color: #34A835;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(52, 168, 53, 0.16);
+ color: #34A835;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #34A835;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(52, 168, 53, 0.04);
+ border-color: transparent;
+ color: #34A835;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(52, 168, 53, 0.16);
+ border-color: transparent;
+ color: #34A835;
+}
+
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ color: #333333;
+ background: #ffba01;
+ border: 1px solid #ffba01;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #ED990B;
+ color: #333333;
+ border-color: #ED990B;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #ffeab4;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #D38B10;
+ color: #333333;
+ border-color: #D38B10;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #ffba01;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 186, 1, 0.04);
+ color: #ffba01;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 186, 1, 0.16);
+ color: #ffba01;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #ffba01;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 186, 1, 0.04);
+ border-color: transparent;
+ color: #ffba01;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 186, 1, 0.16);
+ border-color: transparent;
+ color: #ffba01;
+}
+
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ color: #ffffff;
+ background: #9C27B0;
+ border: 1px solid #9C27B0;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #8E24AA;
+ color: #ffffff;
+ border-color: #8E24AA;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #CE93D8;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #7B1FA2;
+ color: #ffffff;
+ border-color: #7B1FA2;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(156, 39, 176, 0.04);
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(156, 39, 176, 0.16);
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #9C27B0;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(156, 39, 176, 0.04);
+ border-color: transparent;
+ color: #9C27B0;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(156, 39, 176, 0.16);
+ border-color: transparent;
+ color: #9C27B0;
+}
+
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ color: #ffffff;
+ background: #e91224;
+ border: 1px solid #e91224;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #c01120;
+ color: #ffffff;
+ border-color: #c01120;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #f9b4ba;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #a90000;
+ color: #ffffff;
+ border-color: #a90000;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #e91224;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(233, 18, 36, 0.04);
+ color: #e91224;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(233, 18, 36, 0.16);
+ color: #e91224;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #e91224;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(233, 18, 36, 0.04);
+ border-color: transparent;
+ color: #e91224;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(233, 18, 36, 0.16);
+ border-color: transparent;
+ color: #e91224;
+}
+
+.p-button.p-button-link {
+ color: #005b9f;
+ background: transparent;
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #005b9f;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #005b9f;
+ border-color: transparent;
+}
+
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: #324249;
+ color: #fff;
+}
+.p-speeddial-action:hover {
+ background: #222c31;
+ color: #fff;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
+.p-splitbutton {
+ border-radius: 3px;
+}
+.p-splitbutton.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(0, 122, 217, 0.04);
+ color: #007ad9;
+}
+.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(0, 122, 217, 0.16);
+ color: #007ad9;
+}
+.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
+ color: #848484;
+ border-color: #848484;
+}
+.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: #eaeaea;
+ color: #848484;
+}
+.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: #d2d2d2;
+ color: #848484;
+}
+.p-splitbutton.p-button-text > .p-button {
+ background-color: transparent;
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(0, 122, 217, 0.04);
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(0, 122, 217, 0.16);
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-text.p-button-plain > .p-button {
+ color: #848484;
+}
+.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: #eaeaea;
+ color: #848484;
+}
+.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: #d2d2d2;
+ color: #848484;
+}
+.p-splitbutton.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-splitbutton.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-splitbutton.p-button-rounded > .p-button {
+ border-radius: 2rem;
+}
+.p-splitbutton.p-button-sm > .p-button {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.875rem;
+}
+.p-splitbutton.p-button-sm > .p-button .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-splitbutton.p-button-lg > .p-button {
+ font-size: 1.25rem;
+ padding: 0.53625rem 1.25rem;
+}
+.p-splitbutton.p-button-lg > .p-button .p-button-icon {
+ font-size: 1.25rem;
+}
+
+.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(96, 125, 139, 0.04);
+ color: #607D8B;
+}
+.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(96, 125, 139, 0.16);
+ color: #607D8B;
+}
+.p-splitbutton.p-button-secondary.p-button-text > .p-button {
+ background-color: transparent;
+ color: #607D8B;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(96, 125, 139, 0.04);
+ border-color: transparent;
+ color: #607D8B;
+}
+.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(96, 125, 139, 0.16);
+ border-color: transparent;
+ color: #607D8B;
+}
+
+.p-splitbutton.p-button-info.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(0, 122, 217, 0.04);
+ color: #007ad9;
+}
+.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(0, 122, 217, 0.16);
+ color: #007ad9;
+}
+.p-splitbutton.p-button-info.p-button-text > .p-button {
+ background-color: transparent;
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(0, 122, 217, 0.04);
+ border-color: transparent;
+ color: #007ad9;
+}
+.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(0, 122, 217, 0.16);
+ border-color: transparent;
+ color: #007ad9;
+}
+
+.p-splitbutton.p-button-success.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #34A835;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(52, 168, 53, 0.04);
+ color: #34A835;
+}
+.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(52, 168, 53, 0.16);
+ color: #34A835;
+}
+.p-splitbutton.p-button-success.p-button-text > .p-button {
+ background-color: transparent;
+ color: #34A835;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(52, 168, 53, 0.04);
+ border-color: transparent;
+ color: #34A835;
+}
+.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(52, 168, 53, 0.16);
+ border-color: transparent;
+ color: #34A835;
+}
+
+.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #ffba01;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(255, 186, 1, 0.04);
+ color: #ffba01;
+}
+.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(255, 186, 1, 0.16);
+ color: #ffba01;
+}
+.p-splitbutton.p-button-warning.p-button-text > .p-button {
+ background-color: transparent;
+ color: #ffba01;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(255, 186, 1, 0.04);
+ border-color: transparent;
+ color: #ffba01;
+}
+.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(255, 186, 1, 0.16);
+ border-color: transparent;
+ color: #ffba01;
+}
+
+.p-splitbutton.p-button-help.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(156, 39, 176, 0.04);
+ color: #9C27B0;
+}
+.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(156, 39, 176, 0.16);
+ color: #9C27B0;
+}
+.p-splitbutton.p-button-help.p-button-text > .p-button {
+ background-color: transparent;
+ color: #9C27B0;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(156, 39, 176, 0.04);
+ border-color: transparent;
+ color: #9C27B0;
+}
+.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(156, 39, 176, 0.16);
+ border-color: transparent;
+ color: #9C27B0;
+}
+
+.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #e91224;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(233, 18, 36, 0.04);
+ color: #e91224;
+}
+.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(233, 18, 36, 0.16);
+ color: #e91224;
+}
+.p-splitbutton.p-button-danger.p-button-text > .p-button {
+ background-color: transparent;
+ color: #e91224;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(233, 18, 36, 0.04);
+ border-color: transparent;
+ color: #e91224;
+}
+.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(233, 18, 36, 0.16);
+ border-color: transparent;
+ color: #e91224;
+}
+
+.p-carousel .p-carousel-content .p-carousel-prev,
+.p-carousel .p-carousel-content .p-carousel-next {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-carousel .p-carousel-indicators {
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #f4f4f4;
+ 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: #eaeaea;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: #007ad9;
+ color: #ffffff;
+}
+
+.p-datatable .p-paginator-top {
+ border-width: 1px 1px 0 1px;
+ border-radius: 0;
+}
+.p-datatable .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+ border-radius: 0;
+}
+.p-datatable .p-datatable-header {
+ background: #333333;
+ color: #ffffff;
+ border: 1px solid #333333;
+ border-width: 1px 1px 0 1px;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-datatable .p-datatable-footer {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-width: 0 1px 1px 1px;
+ padding: 0.571rem 1rem;
+ font-weight: normal;
+}
+.p-datatable .p-datatable-thead > tr > th {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #c8c8c8;
+ border-width: 1px 1px 1px 1px;
+ font-weight: 700;
+ color: #333333;
+ background: #f4f4f4;
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tfoot > tr > td {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #c8c8c8;
+ border-width: 1px;
+ font-weight: 700;
+ color: #333333;
+ background: #f4f4f4;
+}
+.p-datatable .p-sortable-column .p-sortable-column-icon {
+ color: #848484;
+ margin-left: 0.5rem;
+}
+.p-datatable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #ffffff;
+ background: #007ad9;
+ margin-left: 0.5rem;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
+ background: #e0e0e0;
+ color: #333333;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #333333;
+}
+.p-datatable .p-sortable-column.p-highlight {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #ffffff;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #ffffff;
+}
+.p-datatable .p-sortable-column:focus {
+ box-shadow: inset 0 0 0 0.15rem #8dcdff;
+ outline: 0 none;
+}
+.p-datatable .p-datatable-tbody > tr {
+ background: #ffffff;
+ color: #333333;
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #c8c8c8;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 700;
+}
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid #8dcdff;
+ outline-offset: -0.15rem;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 #007ad9;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 #007ad9;
+}
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-datatable .p-column-resizer-helper {
+ background: #007ad9;
+}
+.p-datatable .p-datatable-scrollable-header,
+.p-datatable .p-datatable-scrollable-footer {
+ background: #333333;
+}
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-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: #f4f4f4;
+}
+.p-datatable .p-datatable-loading-icon {
+ font-size: 2rem;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-header {
+ border-width: 1px 1px 0 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-footer {
+ border-width: 0 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-paginator-top {
+ border-width: 0 1px 0 1px;
+}
+.p-datatable.p-datatable-gridlines .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
+ border-width: 1px 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
+ border-width: 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
+ border-width: 1px;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
+ background: #f9f9f9;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #ffffff;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #ffffff;
+}
+.p-datatable.p-datatable-sm .p-datatable-header {
+ padding: 0.72845rem 0.85rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
+ padding: 0.48535rem 0.85rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-footer {
+ padding: 0.48535rem 0.85rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-header {
+ padding: 1.07125rem 1.25rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
+ padding: 0.71375rem 1.25rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-footer {
+ padding: 0.71375rem 1.25rem;
+}
+
+.p-dataview .p-paginator-top {
+ border-width: 1px 1px 0 1px;
+ border-radius: 0;
+}
+.p-dataview .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+ border-radius: 0;
+}
+.p-dataview .p-dataview-header {
+ background: #333333;
+ color: #ffffff;
+ border: 1px solid #333333;
+ border-width: 1px 1px 0 1px;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-dataview .p-dataview-content {
+ background: #ffffff;
+ color: #333333;
+ border: 0 none;
+ padding: 0;
+}
+.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
+ border: 1px solid #d8dae2;
+ border-width: 1px;
+}
+.p-dataview .p-dataview-footer {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-width: 0 1px 1px 1px;
+ padding: 0.571rem 1rem;
+ font-weight: normal;
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+.p-column-filter-row .p-column-filter-menu-button,
+.p-column-filter-row .p-column-filter-clear-button {
+ margin-left: 0.5rem;
+}
+
+.p-column-filter-menu-button {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: transparent;
+ color: #007ad9;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+
+.p-column-filter-clear-button {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+
+.p-column-filter-overlay {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #8dcdff;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+
+.p-column-filter-overlay-menu .p-column-filter-operator {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #eaeaea;
+ color: #333333;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint {
+ padding: 0.571rem 1rem;
+ border-bottom: 1px solid #d8dae2;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
+.p-column-filter-overlay-menu .p-column-filter-add-rule {
+ padding: 0.571rem 1rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-buttonbar {
+ padding: 0.571rem 1rem;
+}
+
+.fc {
+ /* FullCalendar 4 */
+ /* FullCalendar 5 */
+}
+.fc.fc-unthemed .fc-view-container th {
+ background: #333333;
+ border: 1px solid #333333;
+ color: #ffffff;
+}
+.fc.fc-unthemed .fc-view-container td.fc-widget-content {
+ border: 1px solid #c8c8c8;
+ color: #333333;
+}
+.fc.fc-unthemed .fc-view-container td.fc-head-container {
+ border: 1px solid #333333;
+}
+.fc.fc-unthemed .fc-view-container .fc-view {
+ background: #ffffff;
+}
+.fc.fc-unthemed .fc-view-container .fc-row {
+ border-right: 1px solid #333333;
+}
+.fc.fc-unthemed .fc-view-container .fc-event {
+ background: #116fbf;
+ border: 1px solid #116fbf;
+ color: #ffffff;
+}
+.fc.fc-unthemed .fc-view-container .fc-divider {
+ background: #333333;
+ border: 1px solid #333333;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button {
+ color: #ffffff;
+ background: #007ad9;
+ border: 1px solid #007ad9;
+ font-size: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+ display: flex;
+ align-items: center;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover {
+ background: #116fbf;
+ color: #ffffff;
+ border-color: #116fbf;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active {
+ background: #005b9f;
+ color: #ffffff;
+ border-color: #005b9f;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "\e900";
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "\e901";
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #dadada;
+ border: 1px solid #dadada;
+ color: #333333;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #116fbf;
+ border-color: #116fbf;
+ color: #ffffff;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ z-index: 1;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button {
+ border-radius: 0;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid {
+ border-color: #c8c8c8;
+}
+.fc.fc-theme-standard .fc-view-harness th {
+ background: #333333;
+ border-color: #333333;
+ color: #ffffff;
+}
+.fc.fc-theme-standard .fc-view-harness td {
+ color: #333333;
+ border-color: #c8c8c8;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-view {
+ background: #ffffff;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover {
+ background: none;
+ border: 0 none;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header {
+ border: 1px solid #333333;
+ padding: 0.857rem 1rem;
+ background: #333333;
+ color: #ffffff;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close {
+ opacity: 1;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ overflow: hidden;
+ font-family: "PrimeIcons" !important;
+ font-size: 1rem;
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before {
+ content: "\e90b";
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body {
+ padding: 0.571rem 1rem;
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ border-top: 0 none;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
+ color: #ffffff;
+ background: #116fbf;
+ border-color: #116fbf;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main {
+ color: #ffffff;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot {
+ background: #116fbf;
+ border-color: #116fbf;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
+ background: #333333;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button {
+ color: #ffffff;
+ background: #007ad9;
+ border: 1px solid #007ad9;
+ font-size: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
+ background: #116fbf;
+ color: #ffffff;
+ border-color: #116fbf;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active {
+ background: #005b9f;
+ color: #ffffff;
+ border-color: #005b9f;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:disabled {
+ opacity: 0.5;
+ color: #ffffff;
+ background: #007ad9;
+ border: 1px solid #007ad9;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "\e900";
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "\e901";
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #dadada;
+ border: 1px solid #dadada;
+ color: #333333;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #116fbf;
+ border-color: #116fbf;
+ color: #ffffff;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ z-index: 1;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button {
+ border-radius: 0;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.fc.fc-theme-standard .fc-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+
+.p-orderlist .p-orderlist-controls {
+ padding: 0.571rem 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
+.p-orderlist .p-orderlist-header {
+ background: #333333;
+ color: #ffffff;
+ border: 1px solid #333333;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list {
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ padding: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #8dcdff;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
+ background: #f9f9f9;
+}
+.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
+ background: #eaeaea;
+}
+
+.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: #00325a;
+}
+.p-organizationchart .p-organizationchart-line-down {
+ background: #c8c8c8;
+}
+.p-organizationchart .p-organizationchart-line-left {
+ border-right: 1px solid #c8c8c8;
+ border-color: #c8c8c8;
+}
+.p-organizationchart .p-organizationchart-line-top {
+ border-top: 1px solid #c8c8c8;
+ border-color: #c8c8c8;
+}
+.p-organizationchart .p-organizationchart-node-content {
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ padding: 0.571rem 1rem;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
+ background: inherit;
+ color: inherit;
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+
+.p-paginator {
+ background: #f4f4f4;
+ color: #333333;
+ border: solid #c8c8c8;
+ border-width: 1px;
+ padding: 0;
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: #848484;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: #e0e0e0;
+ border-color: transparent;
+ color: #333333;
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.357rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-page-input {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+}
+.p-paginator .p-paginator-page-input .p-inputtext {
+ max-width: 2.357rem;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: #848484;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: #848484;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: #e0e0e0;
+ border-color: transparent;
+ color: #333333;
+}
+
+.p-picklist .p-picklist-buttons {
+ padding: 0.571rem 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
+.p-picklist .p-picklist-header {
+ background: #333333;
+ color: #ffffff;
+ border: 1px solid #333333;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-picklist .p-picklist-list {
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ padding: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #8dcdff;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: #f9f9f9;
+}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: #eaeaea;
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 0 none;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #007ad9;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #c8c8c8;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
+.p-tree {
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ padding: 0.571rem 1rem;
+ border-radius: 3px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ padding: 0;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ 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: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: #848484;
+}
+.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: #333333;
+}
+.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 #8dcdff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #ffffff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #ffffff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.429rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.429rem;
+ color: #848484;
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
+
+.p-treetable .p-paginator-top {
+ border-width: 1px 1px 0 1px;
+ border-radius: 0;
+}
+.p-treetable .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+ border-radius: 0;
+}
+.p-treetable .p-treetable-header {
+ background: #333333;
+ color: #ffffff;
+ border: 1px solid #333333;
+ border-width: 1px 1px 0 1px;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-treetable .p-treetable-footer {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-width: 0 1px 1px 1px;
+ padding: 0.571rem 1rem;
+ font-weight: normal;
+}
+.p-treetable .p-treetable-thead > tr > th {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #c8c8c8;
+ border-width: 1px 1px 1px 1px;
+ font-weight: 700;
+ color: #333333;
+ background: #f4f4f4;
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-treetable .p-treetable-tfoot > tr > td {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #c8c8c8;
+ border-width: 1px;
+ font-weight: 700;
+ color: #333333;
+ background: #f4f4f4;
+}
+.p-treetable .p-sortable-column {
+ outline-color: #8dcdff;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: #848484;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #ffffff;
+ background: #007ad9;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: #e0e0e0;
+ color: #333333;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #333333;
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #ffffff;
+}
+.p-treetable .p-treetable-tbody > tr {
+ background: #ffffff;
+ color: #333333;
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #c8c8c8;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.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: #333333;
+}
+.p-treetable .p-treetable-tbody > tr:focus {
+ outline: 0.15rem solid #8dcdff;
+ outline-offset: -0.15rem;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #ffffff;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #ffffff;
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: #333333;
+}
+.p-treetable .p-column-resizer-helper {
+ background: #007ad9;
+}
+.p-treetable .p-treetable-scrollable-header,
+.p-treetable .p-treetable-scrollable-footer {
+ background: #333333;
+}
+.p-treetable .p-treetable-loading-icon {
+ font-size: 2rem;
+}
+.p-treetable.p-treetable-gridlines .p-datatable-header {
+ border-width: 1px 1px 0 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-footer {
+ border-width: 0 1px 1px 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-top {
+ border-width: 0 1px 0 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-bottom {
+ border-width: 0 1px 1px 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
+ border-width: 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
+ border-width: 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
+ border-width: 1px;
+}
+.p-treetable.p-treetable-sm .p-treetable-header {
+ padding: 0.749875rem 0.875rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
+ padding: 0.48535rem 0.85rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-footer {
+ padding: 0.48535rem 0.85rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-header {
+ padding: 1.07125rem 1.25rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
+ padding: 0.71375rem 1.25rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-footer {
+ padding: 0.71375rem 1.25rem;
+}
+
+.p-accordion .p-accordion-header .p-accordion-header-link {
+ padding: 0.857rem 1rem;
+ border: 1px solid #333333;
+ color: #ffffff;
+ background: #333333;
+ font-weight: 700;
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
+.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
+ background: #dbdbdb;
+ border-color: #dbdbdb;
+ color: #333333;
+}
+.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
+ border-color: #005b9f;
+ background: #005b9f;
+ color: #ffffff;
+}
+.p-accordion .p-accordion-content {
+ padding: 0.571rem 1rem;
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ border-top: 0;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-accordion .p-accordion-tab {
+ margin-bottom: 2px;
+}
+
+.p-card {
+ background: #ffffff;
+ color: #333333;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+ border-radius: 3px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+ color: #848484;
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
+
+.p-fieldset {
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ border-radius: 3px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 0.857rem 1rem;
+ border: 1px solid #333333;
+ color: #ffffff;
+ background: #333333;
+ font-weight: 700;
+ border-radius: 3px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 0.857rem 1rem;
+ color: #ffffff;
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: #333333;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: #dbdbdb;
+ border-color: #dbdbdb;
+ color: #333333;
+}
+.p-fieldset .p-fieldset-content {
+ padding: 0.571rem 1rem;
+}
+
+.p-divider .p-divider-content {
+ background-color: #ffffff;
+}
+.p-divider.p-divider-horizontal {
+ margin: 1rem 0;
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #c8c8c8;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
+.p-divider.p-divider-vertical {
+ margin: 0 1rem;
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #c8c8c8;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
+
+.p-panel .p-panel-header {
+ border: 1px solid #333333;
+ padding: 0.857rem 1rem;
+ background: #333333;
+ color: #ffffff;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 700;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ 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: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-panel.p-panel-toggleable .p-panel-header {
+ padding: 0.857rem 1rem;
+}
+.p-panel .p-panel-content {
+ padding: 0.571rem 1rem;
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+ border-top: 0 none;
+}
+.p-panel .p-panel-footer {
+ padding: 0.571rem 1rem;
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ border-top: 0 none;
+}
+
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #f8f8f8;
+ border: 0 none;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+
+.p-splitter {
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ border-radius: 3px;
+ color: #333333;
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: #eaeaea;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #d8dae2;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #d8dae2;
+}
+
+.p-tabview .p-tabview-nav {
+ background: transparent;
+ border: 0 none;
+ border-width: 1px;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 2px;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: 1px solid #333333;
+ border-width: 1px;
+ border-color: #333333;
+ background: #333333;
+ color: #ffffff;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #dbdbdb;
+ border-color: #dbdbdb;
+ color: #333333;
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
+.p-tabview .p-tabview-nav-btn.p-link {
+ background: #007ad9;
+ color: #ffffff;
+ 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;
+}
+.p-tabview .p-tabview-nav-btn.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-tabview .p-tabview-panels {
+ background: #ffffff;
+ padding: 0.571rem 1rem;
+ border: 1px solid #c8c8c8;
+ color: #333333;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+
+.p-toolbar {
+ background: #333333;
+ border: 1px solid #333333;
+ padding: 0.857rem 1rem;
+ border-radius: 3px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
+
+.p-confirm-popup {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-confirm-popup .p-confirm-popup-content {
+ padding: 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1rem 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(200, 200, 200, 0);
+ border-bottom-color: #c8c8c8;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #c8c8c8;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
+
+.p-dialog {
+ border-radius: 3px;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+ border: 1px solid #c8c8c8;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 1px solid #333333;
+ background: #333333;
+ color: #ffffff;
+ padding: 1rem;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 700;
+ font-size: 1rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #ffffff;
+ color: #333333;
+ padding: 1rem;
+}
+.p-dialog .p-dialog-content:last-of-type {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ padding: 0.571rem 1rem;
+ text-align: right;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
+
+.p-overlaypanel {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 0.571rem 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #007ad9;
+ color: #ffffff;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #116fbf;
+ color: #ffffff;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(200, 200, 200, 0);
+ border-bottom-color: #bebebe;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #c8c8c8;
+}
+
+.p-sidebar {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 0.857rem 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 0.571rem 1rem;
+}
+
+.p-tooltip .p-tooltip-text {
+ background: #333333;
+ color: #ffffff;
+ padding: 0.429rem 0.429rem;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+}
+.p-tooltip.p-tooltip-right .p-tooltip-arrow {
+ border-right-color: #333333;
+}
+.p-tooltip.p-tooltip-left .p-tooltip-arrow {
+ border-left-color: #333333;
+}
+.p-tooltip.p-tooltip-top .p-tooltip-arrow {
+ border-top-color: #333333;
+}
+.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
+ border-bottom-color: #333333;
+}
+
+.p-fileupload .p-fileupload-buttonbar {
+ background: #333333;
+ padding: 0.857rem 1rem;
+ border: 1px solid #333333;
+ color: #ffffff;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ gap: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-fileupload .p-fileupload-content {
+ background: #ffffff;
+ padding: 0.571rem 1rem;
+ border: 1px solid #c8c8c8;
+ color: #333333;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-progressbar {
+ height: 0.25rem;
+}
+.p-fileupload .p-fileupload-row > div {
+ padding: 0.571rem 0.857rem;
+}
+.p-fileupload.p-fileupload-advanced .p-message {
+ margin-top: 0;
+}
+
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #116fbf;
+ color: #ffffff;
+ border-color: #116fbf;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #005b9f;
+ color: #ffffff;
+ border-color: #005b9f;
+}
+
+.p-breadcrumb {
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ padding: 0.571rem 1rem;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+}
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
+ margin: 0 0.5rem 0 0.5rem;
+ color: #333333;
+}
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
+ color: #333333;
+}
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
+ color: #333333;
+}
+
+.p-contextmenu {
+ padding: 0;
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+ width: 12.5rem;
+}
+.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;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.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:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.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: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-menuitem-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
+
+.p-dock .p-dock-list-container {
+ background: rgba(255, 255, 255, 0.1);
+ border: 1px solid rgba(255, 255, 255, 0.2);
+ padding: 0.5rem 0.5rem;
+ border-radius: 0.5rem;
+}
+.p-dock .p-dock-list-container .p-dock-list {
+ outline: 0 none;
+}
+.p-dock .p-dock-item {
+ padding: 0.5rem;
+ border-radius: 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-link {
+ width: 4rem;
+ height: 4rem;
+}
+.p-dock.p-dock-top .p-dock-item-second-prev,
+.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
+.p-dock.p-dock-bottom .p-dock-item-second-next {
+ margin: 0 0.9rem;
+}
+.p-dock.p-dock-top .p-dock-item-prev,
+.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
+.p-dock.p-dock-bottom .p-dock-item-next {
+ margin: 0 1.3rem;
+}
+.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
+ margin: 0 1.5rem;
+}
+.p-dock.p-dock-left .p-dock-item-second-prev,
+.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
+.p-dock.p-dock-right .p-dock-item-second-next {
+ margin: 0.9rem 0;
+}
+.p-dock.p-dock-left .p-dock-item-prev,
+.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
+.p-dock.p-dock-right .p-dock-item-next {
+ margin: 1.3rem 0;
+}
+.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
+ margin: 1.5rem 0;
+}
+
+@media screen and (max-width: 960px) {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
+ overflow-x: auto;
+ width: 100%;
+ }
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
+ margin: 0 auto;
+ }
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
+ overflow-y: auto;
+ height: 100%;
+ }
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
+ margin: auto 0;
+ }
+ .p-dock .p-dock-list .p-dock-item {
+ transform: none;
+ margin: 0;
+ }
+}
+.p-megamenu {
+ padding: 0.5rem;
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+}
+.p-megamenu .p-megamenu-root-list {
+ outline: 0 none;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content {
+ color: #333333;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #eaeaea;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #333333;
+ background: #d6d6d6;
+}
+.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: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;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.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: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-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-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-megamenu .p-submenu-list {
+ padding: 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-submenu-list .p-menuitem-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0;
+}
+.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-menu {
+ padding: 0;
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ width: 12.5rem;
+}
+.p-menu .p-menuitem > .p-menuitem-content {
+ color: #333333;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.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: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;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-menu .p-menuitem-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+
+.p-menubar {
+ padding: 0.5rem;
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+}
+.p-menubar .p-menubar-root-list {
+ outline: 0 none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
+ color: #333333;
+ 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-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.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-menubar-root-list > .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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.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-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 > .p-menuitem-content {
+ color: #333333;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.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-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 {
+ padding: 0;
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ width: 12.5rem;
+}
+.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;
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
+ color: #333333;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
+ color: #333333;
+ background: #eaeaea;
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
+ padding: 0;
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 2.571rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 4.285rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 5.999rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 7.713rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 9.427rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
+.p-panelmenu .p-panelmenu-header {
+ outline: 0 none;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
+ border: 1px solid #333333;
+ color: #ffffff;
+ background: #333333;
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.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: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:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
+ border-color: #005b9f;
+ background: #005b9f;
+ color: #ffffff;
+}
+.p-panelmenu .p-panelmenu-content {
+ padding: 0;
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ border-top: 0;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
+ outline: 0 none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
+ color: #333333;
+ 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 {
+ padding: 0.857rem;
+ user-select: none;
+}
+.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-content .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.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-highlight > .p-menuitem-content {
+ color: #333333;
+ background: #eaeaea;
+}
+.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-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-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: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-content .p-menuitem-link .p-submenu-icon {
+ margin-right: 0.5rem;
+}
+.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 {
+ margin-bottom: 2px;
+}
+
+.p-steps .p-steps-item .p-menuitem-link {
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+ background: #ffffff;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: #333333;
+ border: 1px solid #dee2e6;
+ background: #ffffff;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: #848484;
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-steps .p-steps-item.p-highlight .p-steps-number {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-steps .p-steps-item.p-highlight .p-steps-title {
+ font-weight: 700;
+ color: #333333;
+}
+.p-steps .p-steps-item:before {
+ content: " ";
+ border-top: 1px solid #d8dae2;
+ width: 100%;
+ top: 50%;
+ left: 0;
+ display: block;
+ position: absolute;
+ margin-top: -1rem;
+}
+
+.p-tabmenu .p-tabmenu-nav {
+ background: transparent;
+ border: 0 none;
+ border-width: 1px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 2px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: 1px solid #333333;
+ border-width: 1px;
+ border-color: #333333;
+ background: #333333;
+ color: #ffffff;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #dbdbdb;
+ border-color: #dbdbdb;
+ color: #333333;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
+
+.p-tieredmenu {
+ padding: 0;
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ width: 12.5rem;
+}
+.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;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #eaeaea;
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #333333;
+ background: #d6d6d6;
+}
+.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-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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.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: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-menuitem-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
+
+.p-inline-message {
+ padding: 0.5rem;
+ margin: 0;
+ border-radius: 3px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
+
+.p-message {
+ margin: 1rem 0;
+ border-radius: 3px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-message.p-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-info .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-success .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-error .p-message-close {
+ color: #212121;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: normal;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
+
+.p-toast {
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1rem;
+ border-width: 0;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 0.5rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #212121;
+}
+
+.p-galleria .p-galleria-close {
+ margin: 0.5rem;
+ background: transparent;
+ color: #ebedef;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #ebedef;
+}
+.p-galleria .p-galleria-item-nav {
+ background: rgba(0, 0, 0, 0.2);
+ color: #aeb6bf;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
+}
+.p-galleria .p-galleria-caption {
+ background: rgba(0, 0, 0, 0.5);
+ color: #ebedef;
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators {
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #f4f4f4;
+ 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: #eaeaea;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+ margin-right: 0.5rem;
+}
+.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+ margin-bottom: 0.5rem;
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-galleria .p-galleria-thumbnail-container {
+ background: rgba(0, 0, 0, 0.9);
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #aeb6bf;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+
+.p-galleria-mask {
+ --maskbg: rgba(0, 0, 0, 0.9);
+}
+
+.p-image-mask {
+ --maskbg: rgba(0, 0, 0, 0.9);
+}
+
+.p-image-preview-indicator {
+ background-color: transparent;
+ color: #f8f9fa;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+
+.p-image-preview-container:hover > .p-image-preview-indicator {
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.p-image-toolbar {
+ padding: 1rem;
+}
+
+.p-image-action.p-link {
+ color: #f8f9fa;
+ background-color: transparent;
+ width: 3rem;
+ height: 3rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-image-action.p-link:last-child {
+ margin-right: 0;
+}
+.p-image-action.p-link:hover {
+ color: #f8f9fa;
+ background-color: rgba(255, 255, 255, 0.1);
+}
+.p-image-action.p-link i {
+ font-size: 1.5rem;
+}
+
+.p-avatar {
+ background-color: #c8c8c8;
+ border-radius: 3px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
+
+.p-avatar-group .p-avatar {
+ border: 2px solid #ffffff;
+}
+
+.p-badge {
+ background: #007ad9;
+ color: #ffffff;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #607D8B;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #34A835;
+ color: #ffffff;
+}
+.p-badge.p-badge-info {
+ background-color: #007ad9;
+ color: #ffffff;
+}
+.p-badge.p-badge-warning {
+ background-color: #ffba01;
+ color: #333333;
+}
+.p-badge.p-badge-danger {
+ background-color: #e91224;
+ color: #ffffff;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
+.p-chip {
+ background-color: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+ padding: 0 0.429rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.2145rem;
+ margin-bottom: 0.2145rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 1.929rem;
+ height: 1.929rem;
+ margin-left: -0.429rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+
+.p-inplace .p-inplace-display {
+ padding: 0.429rem 0.429rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 24px;
+ background: #eaeaea;
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #007ad9;
+}
+.p-progressbar .p-progressbar-label {
+ color: #ffffff;
+ line-height: 24px;
+}
+
+.p-scrolltop {
+ width: 3rem;
+ height: 3rem;
+ border-radius: 50%;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: rgba(0, 0, 0, 0.7);
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(0, 0, 0, 0.8);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: #f4f4f4;
+}
+
+.p-skeleton {
+ background-color: #eaeaea;
+ border-radius: 3px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
+}
+
+.p-tag {
+ background: #007ad9;
+ color: #ffffff;
+ font-size: 0.75rem;
+ font-weight: 700;
+ padding: 0.25rem 0.4rem;
+ border-radius: 3px;
+}
+.p-tag.p-tag-success {
+ background-color: #34A835;
+ color: #ffffff;
+}
+.p-tag.p-tag-info {
+ background-color: #007ad9;
+ color: #ffffff;
+}
+.p-tag.p-tag-warning {
+ background-color: #ffba01;
+ color: #333333;
+}
+.p-tag.p-tag-danger {
+ background-color: #e91224;
+ color: #ffffff;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
+
+.p-terminal {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ padding: 0.571rem 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
+
+.p-panel .p-panel-header .p-panel-header-icon {
+ color: #ffffff;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: #b4b4b4;
+}
+
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ color: #ffffff;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #b4b4b4;
+}
+
+.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
+ background-color: #494949;
+ border: 1px solid #494949;
+ color: #ffffff;
+}
+
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background-color: #494949;
+ border-color: #494949;
+ color: #ffffff;
+}
+
+/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css
new file mode 100644
index 0000000..c716a5d
--- /dev/null
+++ b/public/themes/nova-vue/theme.css
@@ -0,0 +1,5747 @@
+:root {
+ --surface-a: #ffffff;
+ --surface-b: #f4f4f4;
+ --surface-c: #eaeaea;
+ --surface-d: #c8c8c8;
+ --surface-e: #ffffff;
+ --surface-f: #ffffff;
+ --text-color: #333333;
+ --text-color-secondary: #848484;
+ --primary-color: #41b883;
+ --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-0: #ffffff;
+ --surface-50: #eef1f2;
+ --surface-100: #dde2e4;
+ --surface-200: #bbc5ca;
+ --surface-300: #98a8af;
+ --surface-400: #768b95;
+ --surface-500: #546e7a;
+ --surface-600: #435862;
+ --surface-700: #324249;
+ --surface-800: #222c31;
+ --surface-900: #111618;
+ --gray-50: #eef1f2;
+ --gray-100: #dde2e4;
+ --gray-200: #bbc5ca;
+ --gray-300: #98a8af;
+ --gray-400: #768b95;
+ --gray-500: #546e7a;
+ --gray-600: #435862;
+ --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;
+ --focus-ring: 0 0 0 0.2rem #c2e9d8;
+ --maskbg: rgba(0, 0, 0, 0.4);
+ color-scheme: light;
+}
+
+* {
+ box-sizing: border-box;
+}
+
+.p-component {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ font-weight: normal;
+}
+
+.p-component-overlay {
+ background-color: rgba(0, 0, 0, 0.4);
+ transition-duration: 0.2s;
+}
+
+.p-disabled, .p-component:disabled {
+ opacity: 0.5;
+}
+
+.p-error {
+ color: #a80000;
+}
+
+.p-text-secondary {
+ color: #848484;
+}
+
+.pi {
+ font-size: 1rem;
+}
+
+.p-link {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ border-radius: 3px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+
+.p-component-overlay-enter {
+ animation: p-component-overlay-enter-animation 150ms forwards;
+}
+
+.p-component-overlay-leave {
+ animation: p-component-overlay-leave-animation 150ms forwards;
+}
+
+@keyframes p-component-overlay-enter-animation {
+ from {
+ background-color: transparent;
+ }
+ to {
+ background-color: var(--maskbg);
+ }
+}
+@keyframes p-component-overlay-leave-animation {
+ from {
+ background-color: var(--maskbg);
+ }
+ to {
+ background-color: transparent;
+ }
+}
+
+:root {
+ --blue-50:#f3f8fc;
+ --blue-100:#c6dcef;
+ --blue-200:#98c1e3;
+ --blue-300:#6ba5d7;
+ --blue-400:#3d8aca;
+ --blue-500:#106ebe;
+ --blue-600:#0e5ea2;
+ --blue-700:#0b4d85;
+ --blue-800:#093d69;
+ --blue-900:#062c4c;
+ --green-50:#f7fbf6;
+ --green-100:#d6ead1;
+ --green-200:#b6d9ad;
+ --green-300:#96c889;
+ --green-400:#76b765;
+ --green-500:#56a641;
+ --green-600:#498d37;
+ --green-700:#3c742e;
+ --green-800:#2f5b24;
+ --green-900:#22421a;
+ --yellow-50:#fffcf5;
+ --yellow-100:#fdefcd;
+ --yellow-200:#fbe3a6;
+ --yellow-300:#f9d67f;
+ --yellow-400:#f8ca57;
+ --yellow-500:#f6bd30;
+ --yellow-600:#d1a129;
+ --yellow-700:#ac8422;
+ --yellow-800:#87681a;
+ --yellow-900:#624c13;
+ --cyan-50:#f4fbfd;
+ --cyan-100:#ccebf5;
+ --cyan-200:#a4dbed;
+ --cyan-300:#7ccce5;
+ --cyan-400:#54bcdd;
+ --cyan-500:#2cacd5;
+ --cyan-600:#2592b5;
+ --cyan-700:#1f7895;
+ --cyan-800:#185f75;
+ --cyan-900:#124555;
+ --pink-50:#fdf4f9;
+ --pink-100:#f6cce0;
+ --pink-200:#eea3c7;
+ --pink-300:#e77aae;
+ --pink-400:#df5296;
+ --pink-500:#d8297d;
+ --pink-600:#b8236a;
+ --pink-700:#971d58;
+ --pink-800:#771745;
+ --pink-900:#561032;
+ --indigo-50:#f4f6fd;
+ --indigo-100:#ccd3f5;
+ --indigo-200:#a4b0ed;
+ --indigo-300:#7c8de5;
+ --indigo-400:#546add;
+ --indigo-500:#2c47d5;
+ --indigo-600:#253cb5;
+ --indigo-700:#1f3295;
+ --indigo-800:#182775;
+ --indigo-900:#121c55;
+ --teal-50:#f6fbfa;
+ --teal-100:#d1eae5;
+ --teal-200:#add9d1;
+ --teal-300:#89c8bd;
+ --teal-400:#65b7a8;
+ --teal-500:#41a694;
+ --teal-600:#378d7e;
+ --teal-700:#2e7468;
+ --teal-800:#245b51;
+ --teal-900:#1a423b;
+ --orange-50:#fff9f5;
+ --orange-100:#fde4cd;
+ --orange-200:#fbcfa6;
+ --orange-300:#f9ba7f;
+ --orange-400:#f8a457;
+ --orange-500:#f68f30;
+ --orange-600:#d17a29;
+ --orange-700:#ac6422;
+ --orange-800:#874f1a;
+ --orange-900:#623913;
+ --bluegray-50:#f7f8f9;
+ --bluegray-100:#dae0e3;
+ --bluegray-200:#bdc7cd;
+ --bluegray-300:#a0aeb6;
+ --bluegray-400:#8295a0;
+ --bluegray-500:#657c8a;
+ --bluegray-600:#566975;
+ --bluegray-700:#475761;
+ --bluegray-800:#38444c;
+ --bluegray-900:#283237;
+ --purple-50:#f9f8fd;
+ --purple-100:#e1dff7;
+ --purple-200:#cac5f1;
+ --purple-300:#b2abeb;
+ --purple-400:#9b92e4;
+ --purple-500:#8378de;
+ --purple-600:#6f66bd;
+ --purple-700:#5c549b;
+ --purple-800:#48427a;
+ --purple-900:#343059;
+ --red-50:#fdf4f3;
+ --red-100:#f6ccc6;
+ --red-200:#eea39a;
+ --red-300:#e77b6d;
+ --red-400:#df5240;
+ --red-500:#d82a13;
+ --red-600:#b82410;
+ --red-700:#971d0d;
+ --red-800:#77170a;
+ --red-900:#561108;
+ --primary-50:#f6fbf9;
+ --primary-100:#d1eee1;
+ --primary-200:#ade0ca;
+ --primary-300:#89d3b2;
+ --primary-400:#65c59b;
+ --primary-500:#41b883;
+ --primary-600:#379c6f;
+ --primary-700:#2e815c;
+ --primary-800:#246548;
+ --primary-900:#1a4a34;
+}
+
+.p-autocomplete .p-autocomplete-loader {
+ right: 0.429rem;
+}
+.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
+ right: 2.786rem;
+}
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
+ border-color: #212121;
+}
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+ border-color: #41b883;
+}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.2145rem 0.429rem;
+ gap: 0.5rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.2145rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #333333;
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.2145rem 0.429rem;
+ background: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #bababa;
+ color: #333333;
+}
+.p-autocomplete.p-invalid.p-component > .p-inputtext {
+ border-color: #a80000;
+}
+
+.p-autocomplete-panel {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-autocomplete-panel .p-autocomplete-items {
+ padding: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #ffffff;
+ background: #41b883;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: #41b883;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #333333;
+ background: #d6d6d6;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+
+.p-calendar.p-invalid.p-component > .p-inputtext {
+ border-color: #a80000;
+}
+
+.p-datepicker {
+ padding: 0.857rem;
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #a6a6a6;
+ border-radius: 3px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #ffffff;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: #333333;
+ background: #ffffff;
+ font-weight: 700;
+ margin: 0;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: #41b883;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.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: #333333;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ font-weight: 700;
+ padding: 0.5rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
+ color: #41b883;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.857rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #ffffff;
+ background: #41b883;
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: #d0d0d0;
+ color: #333333;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #ffffff;
+ background: #41b883;
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 0.857rem 0 0.429rem 0;
+ border-top: 1px solid #d8dae2;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #d8dae2;
+ padding: 0.857rem 0 0.429rem 0;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ 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: #41b883;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.286rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.429rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.857rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #ffffff;
+ background: #41b883;
+}
+.p-datepicker .p-yearpicker {
+ margin: 0.857rem 0;
+}
+.p-datepicker .p-yearpicker .p-yearpicker-year {
+ padding: 0.5rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
+ color: #ffffff;
+ background: #41b883;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-left: 1px solid #d8dae2;
+ padding-right: 0.857rem;
+ padding-left: 0.857rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+ border-left: 0 none;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.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 #c2e9d8;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
+ background: #eaeaea;
+}
+.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 #c2e9d8;
+}
+.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
+ background: #eaeaea;
+}
+.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 #c2e9d8;
+}
+
+@media screen and (max-width: 769px) {
+ .p-datepicker table th, .p-datepicker table td {
+ padding: 0.25rem;
+ }
+}
+.p-cascadeselect {
+ background: #ffffff;
+ border: 1px solid #a6a6a6;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+ border-color: #41b883;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.429rem 0.429rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: #666666;
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: #848484;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #a80000;
+}
+
+.p-cascadeselect-panel {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #ffffff;
+ background: #41b883;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: #41b883;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #333333;
+ background: #d6d6d6;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.429rem 0.857rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
+
+.p-input-filled .p-cascadeselect {
+ background: #f4f4f4;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
+
+.p-checkbox {
+ width: 20px;
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 1px solid #a6a6a6;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: #333333;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #ffffff;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #41b883;
+ background: #41b883;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: #212121;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+ border-color: #41b883;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #246749;
+ background: #246749;
+ color: #ffffff;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #a80000;
+}
+
+.p-input-filled .p-checkbox .p-checkbox-box {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #41b883;
+}
+.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ background: #246749;
+}
+
+.p-highlight .p-checkbox .p-checkbox-box {
+ border-color: #ffffff;
+}
+
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
+ border-color: #212121;
+}
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+ border-color: #41b883;
+}
+.p-chips .p-chips-multiple-container {
+ padding: 0.2145rem 0.429rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #bababa;
+ color: #333333;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.2145rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #333333;
+ padding: 0;
+ margin: 0;
+}
+.p-chips.p-invalid.p-component > .p-inputtext {
+ border-color: #a80000;
+}
+
+.p-colorpicker-preview {
+ width: 2rem;
+ height: 2rem;
+}
+
+.p-colorpicker-panel {
+ background: #323232;
+ border: 1px solid #191919;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
+
+.p-colorpicker-overlay-panel {
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+
+.p-dropdown {
+ background: #ffffff;
+ border: 1px solid #a6a6a6;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+ border-color: #41b883;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.429rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: #666666;
+}
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: #848484;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: #848484;
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #a80000;
+}
+
+.p-dropdown-panel {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-dropdown-panel .p-dropdown-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #eaeaea;
+ color: #333333;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.429rem;
+ margin-right: -1.429rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.429rem;
+ color: #848484;
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #ffffff;
+ background: #41b883;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: #41b883;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #333333;
+ background: #d6d6d6;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #333333;
+ background: transparent;
+}
+
+.p-input-filled .p-dropdown {
+ background: #f4f4f4;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+ background-color: transparent;
+}
+
+.p-editor-container .p-editor-toolbar {
+ background: #f4f4f4;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #c8c8c8;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: #848484;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: #848484;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: #848484;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+ padding: 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.429rem 0.857rem;
+}
+.p-editor-container .p-editor-content {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #c8c8c8;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #ffffff;
+ color: #333333;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover,
+.p-editor-container .ql-snow.ql-toolbar button:focus {
+ color: #333333;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: #333333;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: #333333;
+}
+.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: #41b883;
+}
+.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: #41b883;
+}
+.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: #41b883;
+}
+.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: #41b883;
+}
+
+.p-inputgroup-addon {
+ background: #eaeaea;
+ color: #848484;
+ border-top: 1px solid #a6a6a6;
+ border-left: 1px solid #a6a6a6;
+ border-bottom: 1px solid #a6a6a6;
+ padding: 0.429rem 0.429rem;
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #a6a6a6;
+}
+
+.p-inputgroup > .p-component,
+.p-inputgroup > .p-inputwrapper > .p-inputtext,
+.p-inputgroup > .p-float-label > .p-component {
+ border-radius: 0;
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
+
+.p-inputgroup-addon:first-child,
+.p-inputgroup button:first-child,
+.p-inputgroup input:first-child,
+.p-inputgroup > .p-inputwrapper:first-child,
+.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+
+.p-inputgroup .p-float-label:first-child input {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+
+.p-inputgroup-addon:last-child,
+.p-inputgroup button:last-child,
+.p-inputgroup input:last-child,
+.p-inputgroup > .p-inputwrapper:last-child,
+.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+.p-inputgroup .p-float-label:last-child input {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+.p-fluid .p-inputgroup .p-button {
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
+
+.p-inputnumber.p-invalid.p-component > .p-inputtext {
+ border-color: #a80000;
+}
+
+.p-inputswitch {
+ width: 3rem;
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #cccccc;
+ 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: #ffffff;
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #b7b7b7;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: #41b883;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: #cccccc;
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #318c63;
+}
+.p-inputswitch.p-invalid {
+ border-color: #a80000;
+}
+
+.p-inputtext {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #333333;
+ background: #ffffff;
+ padding: 0.429rem 0.429rem;
+ border: 1px solid #a6a6a6;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ appearance: none;
+ border-radius: 3px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #212121;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+ border-color: #41b883;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #a80000;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.375375rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 0.53625rem;
+}
+
+.p-float-label > label {
+ left: 0.429rem;
+ color: #666666;
+ transition-duration: 0.2s;
+}
+
+.p-float-label > .p-invalid + label {
+ color: #a80000;
+}
+
+.p-input-icon-left > i:first-of-type {
+ left: 0.429rem;
+ color: #848484;
+}
+
+.p-input-icon-left > .p-inputtext {
+ padding-left: 1.858rem;
+}
+
+.p-input-icon-left.p-float-label > label {
+ left: 1.858rem;
+}
+
+.p-input-icon-right > i:last-of-type {
+ right: 0.429rem;
+ color: #848484;
+}
+
+.p-input-icon-right > .p-inputtext {
+ padding-right: 1.858rem;
+}
+
+::-webkit-input-placeholder {
+ color: #666666;
+}
+
+:-moz-placeholder {
+ color: #666666;
+}
+
+::-moz-placeholder {
+ color: #666666;
+}
+
+:-ms-input-placeholder {
+ color: #666666;
+}
+
+.p-input-filled .p-inputtext {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #f4f4f4;
+}
+
+.p-inputtext-sm .p-inputtext {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.375375rem;
+}
+
+.p-inputtext-lg .p-inputtext {
+ font-size: 1.25rem;
+ padding: 0.53625rem 0.53625rem;
+}
+
+.p-listbox {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #a6a6a6;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #eaeaea;
+ color: #333333;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.429rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.429rem;
+ color: #848484;
+}
+.p-listbox .p-listbox-list {
+ padding: 0;
+ outline: 0 none;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #ffffff;
+ background: #41b883;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #333333;
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: #41b883;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #333333;
+ background: #d6d6d6;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+ border-color: #41b883;
+}
+.p-listbox.p-invalid {
+ border-color: #a80000;
+}
+
+.p-multiselect {
+ background: #ffffff;
+ border: 1px solid #a6a6a6;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+ border-color: #41b883;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: #666666;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: #848484;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #a80000;
+}
+
+.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
+ padding: 0.2145rem 0.429rem;
+}
+
+.p-multiselect-panel {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-multiselect-panel .p-multiselect-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #eaeaea;
+ color: #333333;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.429rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.429rem;
+ color: #848484;
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ 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: #41b883;
+ border-color: transparent;
+ background: transparent;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #ffffff;
+ background: #41b883;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: #41b883;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #333333;
+ background: #d6d6d6;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #333333;
+ background: transparent;
+}
+
+.p-input-filled .p-multiselect {
+ background: #f4f4f4;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
+
+.p-password.p-invalid.p-component > .p-inputtext {
+ border-color: #a80000;
+}
+
+.p-password-panel {
+ padding: 0.571rem 1rem;
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #eaeaea;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #e91224;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #ffba01;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #34A835;
+}
+
+.p-radiobutton {
+ width: 20px;
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 1px solid #a6a6a6;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: #333333;
+ 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: #212121;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+ border-color: #41b883;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.2s;
+ background-color: #ffffff;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #41b883;
+ background: #41b883;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #246749;
+ background: #246749;
+ color: #ffffff;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #a80000;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
+
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #41b883;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #246749;
+}
+
+.p-highlight .p-radiobutton .p-radiobutton-box {
+ border-color: #ffffff;
+}
+
+.p-rating {
+ gap: 0.5rem;
+}
+.p-rating .p-rating-item .p-rating-icon {
+ color: #333333;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
+ color: #e4018d;
+}
+.p-rating .p-rating-item.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+ border-color: #41b883;
+}
+.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
+ color: #41b883;
+}
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
+ color: #41b883;
+}
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
+ color: #b5019f;
+}
+
+.p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
+ color: #ffffff;
+}
+
+.p-selectbutton .p-button {
+ background: #dadada;
+ border: 1px solid #dadada;
+ color: #333333;
+ 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: #666666;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #212121;
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #41b883;
+ border-color: #41b883;
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #318c63;
+ border-color: #318c63;
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #ffffff;
+}
+.p-selectbutton.p-invalid > .p-button {
+ border-color: #a80000;
+}
+
+.p-slider {
+ background: #c8c8c8;
+ border: 0 none;
+ border-radius: 3px;
+}
+.p-slider.p-slider-horizontal {
+ height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -0.5715rem;
+ margin-left: -0.5715rem;
+}
+.p-slider.p-slider-vertical {
+ width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -0.5715rem;
+ margin-bottom: -0.5715rem;
+}
+.p-slider .p-slider-handle {
+ height: 1.143rem;
+ width: 1.143rem;
+ background: #ffffff;
+ border: 2px solid #666666;
+ border-radius: 100%;
+ 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 #c2e9d8;
+}
+.p-slider .p-slider-range {
+ background: #41b883;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: 2px solid #666666;
+ border-color: #41b883;
+}
+
+.p-treeselect {
+ background: #ffffff;
+ border: 1px solid #a6a6a6;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+ border-color: #41b883;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: #666666;
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: #848484;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #a80000;
+}
+
+.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
+ padding: 0.2145rem 0.429rem;
+}
+
+.p-treeselect-panel {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.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.429rem 0.857rem;
+ color: #333333;
+ background: transparent;
+}
+
+.p-input-filled .p-treeselect {
+ background: #f4f4f4;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
+
+.p-togglebutton.p-button {
+ background: #dadada;
+ border: 1px solid #dadada;
+ color: #333333;
+ 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: #666666;
+}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+ border-color: #41b883;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #212121;
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #41b883;
+ border-color: #41b883;
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #318c63;
+ border-color: #318c63;
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #a80000;
+}
+
+.p-button {
+ color: #ffffff;
+ background: #41b883;
+ border: 1px solid #41b883;
+ 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:enabled:hover {
+ background: #318c63;
+ color: #ffffff;
+ border-color: #318c63;
+}
+.p-button:enabled:active {
+ background: #246749;
+ color: #ffffff;
+ border-color: #246749;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #41b883;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(65, 184, 131, 0.04);
+ color: #41b883;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(65, 184, 131, 0.16);
+ color: #41b883;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: #848484;
+ border-color: #848484;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: #eaeaea;
+ color: #848484;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: #d2d2d2;
+ color: #848484;
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #41b883;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(65, 184, 131, 0.04);
+ color: #41b883;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(65, 184, 131, 0.16);
+ color: #41b883;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: #848484;
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: #eaeaea;
+ color: #848484;
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: #d2d2d2;
+ color: #848484;
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #41b883;
+ background-color: #ffffff;
+}
+.p-button.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.429rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
+
+.p-fluid .p-button {
+ width: 100%;
+}
+.p-fluid .p-button-icon-only {
+ width: 2.357rem;
+}
+.p-fluid .p-buttonset {
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
+
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ color: #ffffff;
+ background: #607D8B;
+ border: 1px solid #607D8B;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #546E7A;
+ color: #ffffff;
+ border-color: #546E7A;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #B0BEC5;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #455A64;
+ color: #ffffff;
+ border-color: #455A64;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(96, 125, 139, 0.04);
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(96, 125, 139, 0.16);
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #607D8B;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(96, 125, 139, 0.04);
+ border-color: transparent;
+ color: #607D8B;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(96, 125, 139, 0.16);
+ border-color: transparent;
+ color: #607D8B;
+}
+
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ color: #ffffff;
+ background: #007ad9;
+ border: 1px solid #007ad9;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #116fbf;
+ color: #ffffff;
+ border-color: #116fbf;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #005b9f;
+ color: #ffffff;
+ border-color: #005b9f;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(0, 122, 217, 0.04);
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(0, 122, 217, 0.16);
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(0, 122, 217, 0.04);
+ border-color: transparent;
+ color: #007ad9;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(0, 122, 217, 0.16);
+ border-color: transparent;
+ color: #007ad9;
+}
+
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ color: #ffffff;
+ background: #34A835;
+ border: 1px solid #34A835;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #107D11;
+ color: #ffffff;
+ border-color: #107D11;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #aae5aa;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: #0C6B0D;
+ color: #ffffff;
+ border-color: #0C6B0D;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #34A835;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(52, 168, 53, 0.04);
+ color: #34A835;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(52, 168, 53, 0.16);
+ color: #34A835;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #34A835;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(52, 168, 53, 0.04);
+ border-color: transparent;
+ color: #34A835;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(52, 168, 53, 0.16);
+ border-color: transparent;
+ color: #34A835;
+}
+
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ color: #333333;
+ background: #ffba01;
+ border: 1px solid #ffba01;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #ED990B;
+ color: #333333;
+ border-color: #ED990B;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #ffeab4;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #D38B10;
+ color: #333333;
+ border-color: #D38B10;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #ffba01;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 186, 1, 0.04);
+ color: #ffba01;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 186, 1, 0.16);
+ color: #ffba01;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #ffba01;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 186, 1, 0.04);
+ border-color: transparent;
+ color: #ffba01;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 186, 1, 0.16);
+ border-color: transparent;
+ color: #ffba01;
+}
+
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ color: #ffffff;
+ background: #9C27B0;
+ border: 1px solid #9C27B0;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #8E24AA;
+ color: #ffffff;
+ border-color: #8E24AA;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #CE93D8;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #7B1FA2;
+ color: #ffffff;
+ border-color: #7B1FA2;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(156, 39, 176, 0.04);
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(156, 39, 176, 0.16);
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #9C27B0;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(156, 39, 176, 0.04);
+ border-color: transparent;
+ color: #9C27B0;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(156, 39, 176, 0.16);
+ border-color: transparent;
+ color: #9C27B0;
+}
+
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ color: #ffffff;
+ background: #e91224;
+ border: 1px solid #e91224;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #c01120;
+ color: #ffffff;
+ border-color: #c01120;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #f9b4ba;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #a90000;
+ color: #ffffff;
+ border-color: #a90000;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #e91224;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(233, 18, 36, 0.04);
+ color: #e91224;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(233, 18, 36, 0.16);
+ color: #e91224;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #e91224;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(233, 18, 36, 0.04);
+ border-color: transparent;
+ color: #e91224;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(233, 18, 36, 0.16);
+ border-color: transparent;
+ color: #e91224;
+}
+
+.p-button.p-button-link {
+ color: #246749;
+ background: transparent;
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #246749;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #246749;
+ border-color: transparent;
+}
+
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: #324249;
+ color: #fff;
+}
+.p-speeddial-action:hover {
+ background: #222c31;
+ color: #fff;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
+.p-splitbutton {
+ border-radius: 3px;
+}
+.p-splitbutton.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #41b883;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(65, 184, 131, 0.04);
+ color: #41b883;
+}
+.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(65, 184, 131, 0.16);
+ color: #41b883;
+}
+.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
+ color: #848484;
+ border-color: #848484;
+}
+.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: #eaeaea;
+ color: #848484;
+}
+.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: #d2d2d2;
+ color: #848484;
+}
+.p-splitbutton.p-button-text > .p-button {
+ background-color: transparent;
+ color: #41b883;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(65, 184, 131, 0.04);
+ color: #41b883;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(65, 184, 131, 0.16);
+ color: #41b883;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-text.p-button-plain > .p-button {
+ color: #848484;
+}
+.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: #eaeaea;
+ color: #848484;
+}
+.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: #d2d2d2;
+ color: #848484;
+}
+.p-splitbutton.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-splitbutton.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-splitbutton.p-button-rounded > .p-button {
+ border-radius: 2rem;
+}
+.p-splitbutton.p-button-sm > .p-button {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.875rem;
+}
+.p-splitbutton.p-button-sm > .p-button .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-splitbutton.p-button-lg > .p-button {
+ font-size: 1.25rem;
+ padding: 0.53625rem 1.25rem;
+}
+.p-splitbutton.p-button-lg > .p-button .p-button-icon {
+ font-size: 1.25rem;
+}
+
+.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(96, 125, 139, 0.04);
+ color: #607D8B;
+}
+.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(96, 125, 139, 0.16);
+ color: #607D8B;
+}
+.p-splitbutton.p-button-secondary.p-button-text > .p-button {
+ background-color: transparent;
+ color: #607D8B;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(96, 125, 139, 0.04);
+ border-color: transparent;
+ color: #607D8B;
+}
+.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(96, 125, 139, 0.16);
+ border-color: transparent;
+ color: #607D8B;
+}
+
+.p-splitbutton.p-button-info.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(0, 122, 217, 0.04);
+ color: #007ad9;
+}
+.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(0, 122, 217, 0.16);
+ color: #007ad9;
+}
+.p-splitbutton.p-button-info.p-button-text > .p-button {
+ background-color: transparent;
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(0, 122, 217, 0.04);
+ border-color: transparent;
+ color: #007ad9;
+}
+.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(0, 122, 217, 0.16);
+ border-color: transparent;
+ color: #007ad9;
+}
+
+.p-splitbutton.p-button-success.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #34A835;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(52, 168, 53, 0.04);
+ color: #34A835;
+}
+.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(52, 168, 53, 0.16);
+ color: #34A835;
+}
+.p-splitbutton.p-button-success.p-button-text > .p-button {
+ background-color: transparent;
+ color: #34A835;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(52, 168, 53, 0.04);
+ border-color: transparent;
+ color: #34A835;
+}
+.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(52, 168, 53, 0.16);
+ border-color: transparent;
+ color: #34A835;
+}
+
+.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #ffba01;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(255, 186, 1, 0.04);
+ color: #ffba01;
+}
+.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(255, 186, 1, 0.16);
+ color: #ffba01;
+}
+.p-splitbutton.p-button-warning.p-button-text > .p-button {
+ background-color: transparent;
+ color: #ffba01;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(255, 186, 1, 0.04);
+ border-color: transparent;
+ color: #ffba01;
+}
+.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(255, 186, 1, 0.16);
+ border-color: transparent;
+ color: #ffba01;
+}
+
+.p-splitbutton.p-button-help.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(156, 39, 176, 0.04);
+ color: #9C27B0;
+}
+.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(156, 39, 176, 0.16);
+ color: #9C27B0;
+}
+.p-splitbutton.p-button-help.p-button-text > .p-button {
+ background-color: transparent;
+ color: #9C27B0;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(156, 39, 176, 0.04);
+ border-color: transparent;
+ color: #9C27B0;
+}
+.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(156, 39, 176, 0.16);
+ border-color: transparent;
+ color: #9C27B0;
+}
+
+.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #e91224;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(233, 18, 36, 0.04);
+ color: #e91224;
+}
+.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(233, 18, 36, 0.16);
+ color: #e91224;
+}
+.p-splitbutton.p-button-danger.p-button-text > .p-button {
+ background-color: transparent;
+ color: #e91224;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(233, 18, 36, 0.04);
+ border-color: transparent;
+ color: #e91224;
+}
+.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(233, 18, 36, 0.16);
+ border-color: transparent;
+ color: #e91224;
+}
+
+.p-carousel .p-carousel-content .p-carousel-prev,
+.p-carousel .p-carousel-content .p-carousel-next {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: #41b883;
+ border-color: transparent;
+ background: transparent;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-carousel .p-carousel-indicators {
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #f4f4f4;
+ 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: #eaeaea;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: #41b883;
+ color: #ffffff;
+}
+
+.p-datatable .p-paginator-top {
+ border-width: 1px 1px 0 1px;
+ border-radius: 0;
+}
+.p-datatable .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+ border-radius: 0;
+}
+.p-datatable .p-datatable-header {
+ background: #f4f4f4;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-width: 1px 1px 0 1px;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-datatable .p-datatable-footer {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-width: 0 1px 1px 1px;
+ padding: 0.571rem 1rem;
+ font-weight: normal;
+}
+.p-datatable .p-datatable-thead > tr > th {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #c8c8c8;
+ border-width: 1px 1px 1px 1px;
+ font-weight: 700;
+ color: #333333;
+ background: #f4f4f4;
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tfoot > tr > td {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #c8c8c8;
+ border-width: 1px;
+ font-weight: 700;
+ color: #333333;
+ background: #f4f4f4;
+}
+.p-datatable .p-sortable-column .p-sortable-column-icon {
+ color: #848484;
+ margin-left: 0.5rem;
+}
+.p-datatable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #ffffff;
+ background: #41b883;
+ margin-left: 0.5rem;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
+ background: #e0e0e0;
+ color: #333333;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #333333;
+}
+.p-datatable .p-sortable-column.p-highlight {
+ background: #41b883;
+ color: #ffffff;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #ffffff;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: #41b883;
+ color: #ffffff;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #ffffff;
+}
+.p-datatable .p-sortable-column:focus {
+ box-shadow: inset 0 0 0 0.15rem #c2e9d8;
+ outline: 0 none;
+}
+.p-datatable .p-datatable-tbody > tr {
+ background: #ffffff;
+ color: #333333;
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #c8c8c8;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: #41b883;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 700;
+}
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid #c2e9d8;
+ outline-offset: -0.15rem;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: #41b883;
+ color: #ffffff;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 #41b883;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 #41b883;
+}
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-datatable .p-column-resizer-helper {
+ background: #41b883;
+}
+.p-datatable .p-datatable-scrollable-header,
+.p-datatable .p-datatable-scrollable-footer {
+ background: #f4f4f4;
+}
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-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: #f4f4f4;
+}
+.p-datatable .p-datatable-loading-icon {
+ font-size: 2rem;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-header {
+ border-width: 1px 1px 0 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-footer {
+ border-width: 0 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-paginator-top {
+ border-width: 0 1px 0 1px;
+}
+.p-datatable.p-datatable-gridlines .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
+ border-width: 1px 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
+ border-width: 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
+ border-width: 1px;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
+ background: #f9f9f9;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: #41b883;
+ color: #ffffff;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #ffffff;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #ffffff;
+}
+.p-datatable.p-datatable-sm .p-datatable-header {
+ padding: 0.72845rem 0.85rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
+ padding: 0.48535rem 0.85rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-footer {
+ padding: 0.48535rem 0.85rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-header {
+ padding: 1.07125rem 1.25rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
+ padding: 0.71375rem 1.25rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-footer {
+ padding: 0.71375rem 1.25rem;
+}
+
+.p-dataview .p-paginator-top {
+ border-width: 1px 1px 0 1px;
+ border-radius: 0;
+}
+.p-dataview .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+ border-radius: 0;
+}
+.p-dataview .p-dataview-header {
+ background: #f4f4f4;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-width: 1px 1px 0 1px;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-dataview .p-dataview-content {
+ background: #ffffff;
+ color: #333333;
+ border: 0 none;
+ padding: 0;
+}
+.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
+ border: 1px solid #d8dae2;
+ border-width: 1px;
+}
+.p-dataview .p-dataview-footer {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-width: 0 1px 1px 1px;
+ padding: 0.571rem 1rem;
+ font-weight: normal;
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+.p-column-filter-row .p-column-filter-menu-button,
+.p-column-filter-row .p-column-filter-clear-button {
+ margin-left: 0.5rem;
+}
+
+.p-column-filter-menu-button {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: #41b883;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: transparent;
+ color: #41b883;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: #41b883;
+ color: #ffffff;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+
+.p-column-filter-clear-button {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: #41b883;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+
+.p-column-filter-overlay {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #ffffff;
+ background: #41b883;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #c2e9d8;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+
+.p-column-filter-overlay-menu .p-column-filter-operator {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #eaeaea;
+ color: #333333;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint {
+ padding: 0.571rem 1rem;
+ border-bottom: 1px solid #d8dae2;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
+.p-column-filter-overlay-menu .p-column-filter-add-rule {
+ padding: 0.571rem 1rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-buttonbar {
+ padding: 0.571rem 1rem;
+}
+
+.fc {
+ /* FullCalendar 4 */
+ /* FullCalendar 5 */
+}
+.fc.fc-unthemed .fc-view-container th {
+ background: #f4f4f4;
+ border: 1px solid #c8c8c8;
+ color: #333333;
+}
+.fc.fc-unthemed .fc-view-container td.fc-widget-content {
+ border: 1px solid #c8c8c8;
+ color: #333333;
+}
+.fc.fc-unthemed .fc-view-container td.fc-head-container {
+ border: 1px solid #c8c8c8;
+}
+.fc.fc-unthemed .fc-view-container .fc-view {
+ background: #ffffff;
+}
+.fc.fc-unthemed .fc-view-container .fc-row {
+ border-right: 1px solid #c8c8c8;
+}
+.fc.fc-unthemed .fc-view-container .fc-event {
+ background: #318c63;
+ border: 1px solid #318c63;
+ color: #ffffff;
+}
+.fc.fc-unthemed .fc-view-container .fc-divider {
+ background: #f4f4f4;
+ border: 1px solid #c8c8c8;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button {
+ color: #ffffff;
+ background: #41b883;
+ border: 1px solid #41b883;
+ font-size: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+ display: flex;
+ align-items: center;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover {
+ background: #318c63;
+ color: #ffffff;
+ border-color: #318c63;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active {
+ background: #246749;
+ color: #ffffff;
+ border-color: #246749;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "\e900";
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "\e901";
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #dadada;
+ border: 1px solid #dadada;
+ color: #333333;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #41b883;
+ border-color: #41b883;
+ color: #ffffff;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #318c63;
+ border-color: #318c63;
+ color: #ffffff;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+ z-index: 1;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button {
+ border-radius: 0;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid {
+ border-color: #c8c8c8;
+}
+.fc.fc-theme-standard .fc-view-harness th {
+ background: #f4f4f4;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.fc.fc-theme-standard .fc-view-harness td {
+ color: #333333;
+ border-color: #c8c8c8;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-view {
+ background: #ffffff;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover {
+ background: none;
+ border: 0 none;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header {
+ border: 1px solid #c8c8c8;
+ padding: 0.857rem 1rem;
+ background: #f4f4f4;
+ color: #333333;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close {
+ opacity: 1;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ overflow: hidden;
+ font-family: "PrimeIcons" !important;
+ font-size: 1rem;
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before {
+ content: "\e90b";
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:hover {
+ color: #41b883;
+ border-color: transparent;
+ background: transparent;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body {
+ padding: 0.571rem 1rem;
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ border-top: 0 none;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
+ color: #ffffff;
+ background: #318c63;
+ border-color: #318c63;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main {
+ color: #ffffff;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot {
+ background: #318c63;
+ border-color: #318c63;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
+ background: #f4f4f4;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button {
+ color: #ffffff;
+ background: #41b883;
+ border: 1px solid #41b883;
+ font-size: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
+ background: #318c63;
+ color: #ffffff;
+ border-color: #318c63;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active {
+ background: #246749;
+ color: #ffffff;
+ border-color: #246749;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:disabled {
+ opacity: 0.5;
+ color: #ffffff;
+ background: #41b883;
+ border: 1px solid #41b883;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "\e900";
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "\e901";
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #dadada;
+ border: 1px solid #dadada;
+ color: #333333;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #41b883;
+ border-color: #41b883;
+ color: #ffffff;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #318c63;
+ border-color: #318c63;
+ color: #ffffff;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+ z-index: 1;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button {
+ border-radius: 0;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.fc.fc-theme-standard .fc-highlight {
+ color: #ffffff;
+ background: #41b883;
+}
+
+.p-orderlist .p-orderlist-controls {
+ padding: 0.571rem 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
+.p-orderlist .p-orderlist-header {
+ background: #f4f4f4;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list {
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ padding: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #c2e9d8;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #ffffff;
+ background: #41b883;
+}
+.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
+ background: #f9f9f9;
+}
+.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
+ background: #eaeaea;
+}
+
+.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight {
+ background: #41b883;
+ color: #ffffff;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: #205a40;
+}
+.p-organizationchart .p-organizationchart-line-down {
+ background: #c8c8c8;
+}
+.p-organizationchart .p-organizationchart-line-left {
+ border-right: 1px solid #c8c8c8;
+ border-color: #c8c8c8;
+}
+.p-organizationchart .p-organizationchart-line-top {
+ border-top: 1px solid #c8c8c8;
+ border-color: #c8c8c8;
+}
+.p-organizationchart .p-organizationchart-node-content {
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ padding: 0.571rem 1rem;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
+ background: inherit;
+ color: inherit;
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+
+.p-paginator {
+ background: #f4f4f4;
+ color: #333333;
+ border: solid #c8c8c8;
+ border-width: 1px;
+ padding: 0;
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: #848484;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: #e0e0e0;
+ border-color: transparent;
+ color: #333333;
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.357rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-page-input {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+}
+.p-paginator .p-paginator-page-input .p-inputtext {
+ max-width: 2.357rem;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: #848484;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: #848484;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: #41b883;
+ border-color: #41b883;
+ color: #ffffff;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: #e0e0e0;
+ border-color: transparent;
+ color: #333333;
+}
+
+.p-picklist .p-picklist-buttons {
+ padding: 0.571rem 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
+.p-picklist .p-picklist-header {
+ background: #f4f4f4;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-picklist .p-picklist-list {
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ padding: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #c2e9d8;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #ffffff;
+ background: #41b883;
+}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: #f9f9f9;
+}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: #eaeaea;
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 0 none;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #41b883;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #c8c8c8;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
+.p-tree {
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ padding: 0.571rem 1rem;
+ border-radius: 3px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ padding: 0;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ 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: #41b883;
+ border-color: transparent;
+ background: transparent;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: #848484;
+}
+.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: #333333;
+}
+.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 #c2e9d8;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: #41b883;
+ color: #ffffff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #ffffff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #ffffff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.429rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.429rem;
+ color: #848484;
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
+
+.p-treetable .p-paginator-top {
+ border-width: 1px 1px 0 1px;
+ border-radius: 0;
+}
+.p-treetable .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+ border-radius: 0;
+}
+.p-treetable .p-treetable-header {
+ background: #f4f4f4;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-width: 1px 1px 0 1px;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-treetable .p-treetable-footer {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-width: 0 1px 1px 1px;
+ padding: 0.571rem 1rem;
+ font-weight: normal;
+}
+.p-treetable .p-treetable-thead > tr > th {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #c8c8c8;
+ border-width: 1px 1px 1px 1px;
+ font-weight: 700;
+ color: #333333;
+ background: #f4f4f4;
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-treetable .p-treetable-tfoot > tr > td {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #c8c8c8;
+ border-width: 1px;
+ font-weight: 700;
+ color: #333333;
+ background: #f4f4f4;
+}
+.p-treetable .p-sortable-column {
+ outline-color: #c2e9d8;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: #848484;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #ffffff;
+ background: #41b883;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: #e0e0e0;
+ color: #333333;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #333333;
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #41b883;
+ color: #ffffff;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #ffffff;
+}
+.p-treetable .p-treetable-tbody > tr {
+ background: #ffffff;
+ color: #333333;
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #c8c8c8;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: #41b883;
+ border-color: transparent;
+ background: transparent;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.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: #333333;
+}
+.p-treetable .p-treetable-tbody > tr:focus {
+ outline: 0.15rem solid #c2e9d8;
+ outline-offset: -0.15rem;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: #41b883;
+ color: #ffffff;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #ffffff;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #ffffff;
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: #333333;
+}
+.p-treetable .p-column-resizer-helper {
+ background: #41b883;
+}
+.p-treetable .p-treetable-scrollable-header,
+.p-treetable .p-treetable-scrollable-footer {
+ background: #f4f4f4;
+}
+.p-treetable .p-treetable-loading-icon {
+ font-size: 2rem;
+}
+.p-treetable.p-treetable-gridlines .p-datatable-header {
+ border-width: 1px 1px 0 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-footer {
+ border-width: 0 1px 1px 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-top {
+ border-width: 0 1px 0 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-bottom {
+ border-width: 0 1px 1px 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
+ border-width: 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
+ border-width: 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
+ border-width: 1px;
+}
+.p-treetable.p-treetable-sm .p-treetable-header {
+ padding: 0.749875rem 0.875rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
+ padding: 0.48535rem 0.85rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-footer {
+ padding: 0.48535rem 0.85rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-header {
+ padding: 1.07125rem 1.25rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
+ padding: 0.71375rem 1.25rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-footer {
+ padding: 0.71375rem 1.25rem;
+}
+
+.p-accordion .p-accordion-header .p-accordion-header-link {
+ padding: 0.857rem 1rem;
+ border: 1px solid #c8c8c8;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
+.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #c2e9d8;
+}
+.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
+ background: #dbdbdb;
+ border-color: #dbdbdb;
+ color: #333333;
+}
+.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
+ background: #41b883;
+ border-color: #41b883;
+ color: #ffffff;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
+ border-color: #246749;
+ background: #246749;
+ color: #ffffff;
+}
+.p-accordion .p-accordion-content {
+ padding: 0.571rem 1rem;
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ border-top: 0;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-accordion .p-accordion-tab {
+ margin-bottom: 2px;
+}
+
+.p-card {
+ background: #ffffff;
+ color: #333333;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+ border-radius: 3px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+ color: #848484;
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
+
+.p-fieldset {
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ border-radius: 3px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 0.857rem 1rem;
+ border: 1px solid #c8c8c8;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+ border-radius: 3px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 0.857rem 1rem;
+ color: #333333;
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: #333333;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: #dbdbdb;
+ border-color: #dbdbdb;
+ color: #333333;
+}
+.p-fieldset .p-fieldset-content {
+ padding: 0.571rem 1rem;
+}
+
+.p-divider .p-divider-content {
+ background-color: #ffffff;
+}
+.p-divider.p-divider-horizontal {
+ margin: 1rem 0;
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #c8c8c8;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
+.p-divider.p-divider-vertical {
+ margin: 0 1rem;
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #c8c8c8;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
+
+.p-panel .p-panel-header {
+ border: 1px solid #c8c8c8;
+ padding: 0.857rem 1rem;
+ background: #f4f4f4;
+ color: #333333;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 700;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ 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: #41b883;
+ border-color: transparent;
+ background: transparent;
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-panel.p-panel-toggleable .p-panel-header {
+ padding: 0.857rem 1rem;
+}
+.p-panel .p-panel-content {
+ padding: 0.571rem 1rem;
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+ border-top: 0 none;
+}
+.p-panel .p-panel-footer {
+ padding: 0.571rem 1rem;
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ border-top: 0 none;
+}
+
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #f8f8f8;
+ border: 0 none;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+
+.p-splitter {
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ border-radius: 3px;
+ color: #333333;
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: #eaeaea;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #d8dae2;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #d8dae2;
+}
+
+.p-tabview .p-tabview-nav {
+ background: transparent;
+ border: 0 none;
+ border-width: 1px;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 2px;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: 1px solid #c8c8c8;
+ border-width: 1px;
+ border-color: #c8c8c8;
+ background: #f4f4f4;
+ color: #333333;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #c2e9d8;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #dbdbdb;
+ border-color: #dbdbdb;
+ color: #333333;
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #41b883;
+ border-color: #41b883;
+ color: #ffffff;
+}
+.p-tabview .p-tabview-nav-btn.p-link {
+ background: #41b883;
+ color: #ffffff;
+ 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;
+}
+.p-tabview .p-tabview-nav-btn.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #c2e9d8;
+}
+.p-tabview .p-tabview-panels {
+ background: #ffffff;
+ padding: 0.571rem 1rem;
+ border: 1px solid #c8c8c8;
+ color: #333333;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+
+.p-toolbar {
+ background: #f4f4f4;
+ border: 1px solid #c8c8c8;
+ padding: 0.857rem 1rem;
+ border-radius: 3px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
+
+.p-confirm-popup {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-confirm-popup .p-confirm-popup-content {
+ padding: 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1rem 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(200, 200, 200, 0);
+ border-bottom-color: #c8c8c8;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #c8c8c8;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
+
+.p-dialog {
+ border-radius: 3px;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+ border: 1px solid #c8c8c8;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 1px solid #c8c8c8;
+ background: #f4f4f4;
+ color: #333333;
+ padding: 1rem;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 700;
+ font-size: 1rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #41b883;
+ border-color: transparent;
+ background: transparent;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #ffffff;
+ color: #333333;
+ padding: 1rem;
+}
+.p-dialog .p-dialog-content:last-of-type {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ padding: 0.571rem 1rem;
+ text-align: right;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
+
+.p-overlaypanel {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 0.571rem 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #41b883;
+ color: #ffffff;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #318c63;
+ color: #ffffff;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(200, 200, 200, 0);
+ border-bottom-color: #bebebe;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #c8c8c8;
+}
+
+.p-sidebar {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 0.857rem 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: #41b883;
+ border-color: transparent;
+ background: transparent;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 0.571rem 1rem;
+}
+
+.p-tooltip .p-tooltip-text {
+ background: #333333;
+ color: #ffffff;
+ padding: 0.429rem 0.429rem;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+}
+.p-tooltip.p-tooltip-right .p-tooltip-arrow {
+ border-right-color: #333333;
+}
+.p-tooltip.p-tooltip-left .p-tooltip-arrow {
+ border-left-color: #333333;
+}
+.p-tooltip.p-tooltip-top .p-tooltip-arrow {
+ border-top-color: #333333;
+}
+.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
+ border-bottom-color: #333333;
+}
+
+.p-fileupload .p-fileupload-buttonbar {
+ background: #f4f4f4;
+ padding: 0.857rem 1rem;
+ border: 1px solid #c8c8c8;
+ color: #333333;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ gap: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-fileupload .p-fileupload-content {
+ background: #ffffff;
+ padding: 0.571rem 1rem;
+ border: 1px solid #c8c8c8;
+ color: #333333;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-progressbar {
+ height: 0.25rem;
+}
+.p-fileupload .p-fileupload-row > div {
+ padding: 0.571rem 0.857rem;
+}
+.p-fileupload.p-fileupload-advanced .p-message {
+ margin-top: 0;
+}
+
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #318c63;
+ color: #ffffff;
+ border-color: #318c63;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #246749;
+ color: #ffffff;
+ border-color: #246749;
+}
+
+.p-breadcrumb {
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ padding: 0.571rem 1rem;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+}
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
+ margin: 0 0.5rem 0 0.5rem;
+ color: #333333;
+}
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
+ color: #333333;
+}
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
+ color: #333333;
+}
+
+.p-contextmenu {
+ padding: 0;
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+ width: 12.5rem;
+}
+.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;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.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:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.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: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-menuitem-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
+
+.p-dock .p-dock-list-container {
+ background: rgba(255, 255, 255, 0.1);
+ border: 1px solid rgba(255, 255, 255, 0.2);
+ padding: 0.5rem 0.5rem;
+ border-radius: 0.5rem;
+}
+.p-dock .p-dock-list-container .p-dock-list {
+ outline: 0 none;
+}
+.p-dock .p-dock-item {
+ padding: 0.5rem;
+ border-radius: 3px;
+}
+.p-dock .p-dock-item.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #c2e9d8;
+}
+.p-dock .p-dock-link {
+ width: 4rem;
+ height: 4rem;
+}
+.p-dock.p-dock-top .p-dock-item-second-prev,
+.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
+.p-dock.p-dock-bottom .p-dock-item-second-next {
+ margin: 0 0.9rem;
+}
+.p-dock.p-dock-top .p-dock-item-prev,
+.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
+.p-dock.p-dock-bottom .p-dock-item-next {
+ margin: 0 1.3rem;
+}
+.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
+ margin: 0 1.5rem;
+}
+.p-dock.p-dock-left .p-dock-item-second-prev,
+.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
+.p-dock.p-dock-right .p-dock-item-second-next {
+ margin: 0.9rem 0;
+}
+.p-dock.p-dock-left .p-dock-item-prev,
+.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
+.p-dock.p-dock-right .p-dock-item-next {
+ margin: 1.3rem 0;
+}
+.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
+ margin: 1.5rem 0;
+}
+
+@media screen and (max-width: 960px) {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
+ overflow-x: auto;
+ width: 100%;
+ }
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
+ margin: 0 auto;
+ }
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
+ overflow-y: auto;
+ height: 100%;
+ }
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
+ margin: auto 0;
+ }
+ .p-dock .p-dock-list .p-dock-item {
+ transform: none;
+ margin: 0;
+ }
+}
+.p-megamenu {
+ padding: 0.5rem;
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+}
+.p-megamenu .p-megamenu-root-list {
+ outline: 0 none;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content {
+ color: #333333;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #eaeaea;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #333333;
+ background: #d6d6d6;
+}
+.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: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;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.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: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-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-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-megamenu .p-submenu-list {
+ padding: 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-submenu-list .p-menuitem-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0;
+}
+.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-menu {
+ padding: 0;
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ width: 12.5rem;
+}
+.p-menu .p-menuitem > .p-menuitem-content {
+ color: #333333;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.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: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;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-menu .p-menuitem-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+
+.p-menubar {
+ padding: 0.5rem;
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+}
+.p-menubar .p-menubar-root-list {
+ outline: 0 none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
+ color: #333333;
+ 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-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.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-menubar-root-list > .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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.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-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 > .p-menuitem-content {
+ color: #333333;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.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-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 {
+ padding: 0;
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ width: 12.5rem;
+}
+.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;
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
+ color: #333333;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
+ color: #333333;
+ background: #eaeaea;
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
+ padding: 0;
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 2.571rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 4.285rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 5.999rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 7.713rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 9.427rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
+.p-panelmenu .p-panelmenu-header {
+ outline: 0 none;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
+ border: 1px solid #c8c8c8;
+ color: #333333;
+ background: #f4f4f4;
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #c2e9d8;
+}
+.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:not(.p-disabled).p-highlight .p-panelmenu-header-content {
+ background: #41b883;
+ border-color: #41b883;
+ color: #ffffff;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+ margin-bottom: 0;
+}
+.p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
+ border-color: #246749;
+ background: #246749;
+ color: #ffffff;
+}
+.p-panelmenu .p-panelmenu-content {
+ padding: 0;
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ border-top: 0;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
+ outline: 0 none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
+ color: #333333;
+ 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 {
+ padding: 0.857rem;
+ user-select: none;
+}
+.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-content .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.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-highlight > .p-menuitem-content {
+ color: #333333;
+ background: #eaeaea;
+}
+.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-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-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: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-content .p-menuitem-link .p-submenu-icon {
+ margin-right: 0.5rem;
+}
+.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 {
+ margin-bottom: 2px;
+}
+
+.p-steps .p-steps-item .p-menuitem-link {
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+ background: #ffffff;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: #333333;
+ border: 1px solid #dee2e6;
+ background: #ffffff;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: #848484;
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-steps .p-steps-item.p-highlight .p-steps-number {
+ background: #41b883;
+ color: #ffffff;
+}
+.p-steps .p-steps-item.p-highlight .p-steps-title {
+ font-weight: 700;
+ color: #333333;
+}
+.p-steps .p-steps-item:before {
+ content: " ";
+ border-top: 1px solid #d8dae2;
+ width: 100%;
+ top: 50%;
+ left: 0;
+ display: block;
+ position: absolute;
+ margin-top: -1rem;
+}
+
+.p-tabmenu .p-tabmenu-nav {
+ background: transparent;
+ border: 0 none;
+ border-width: 1px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 2px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: 1px solid #c8c8c8;
+ border-width: 1px;
+ border-color: #c8c8c8;
+ background: #f4f4f4;
+ color: #333333;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #c2e9d8;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #dbdbdb;
+ border-color: #dbdbdb;
+ color: #333333;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #41b883;
+ border-color: #41b883;
+ color: #ffffff;
+}
+
+.p-tieredmenu {
+ padding: 0;
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ width: 12.5rem;
+}
+.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;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #eaeaea;
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #333333;
+ background: #d6d6d6;
+}
+.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-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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.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: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-menuitem-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
+
+.p-inline-message {
+ padding: 0.5rem;
+ margin: 0;
+ border-radius: 3px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
+
+.p-message {
+ margin: 1rem 0;
+ border-radius: 3px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-message.p-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-info .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-success .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-error .p-message-close {
+ color: #212121;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: normal;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
+
+.p-toast {
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1rem;
+ border-width: 0;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 0.5rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #212121;
+}
+
+.p-galleria .p-galleria-close {
+ margin: 0.5rem;
+ background: transparent;
+ color: #ebedef;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #ebedef;
+}
+.p-galleria .p-galleria-item-nav {
+ background: rgba(0, 0, 0, 0.2);
+ color: #aeb6bf;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
+}
+.p-galleria .p-galleria-caption {
+ background: rgba(0, 0, 0, 0.5);
+ color: #ebedef;
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators {
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #f4f4f4;
+ 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: #eaeaea;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #41b883;
+ color: #ffffff;
+}
+.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+ margin-right: 0.5rem;
+}
+.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+ margin-bottom: 0.5rem;
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #41b883;
+ color: #ffffff;
+}
+.p-galleria .p-galleria-thumbnail-container {
+ background: rgba(0, 0, 0, 0.9);
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #aeb6bf;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+
+.p-galleria-mask {
+ --maskbg: rgba(0, 0, 0, 0.9);
+}
+
+.p-image-mask {
+ --maskbg: rgba(0, 0, 0, 0.9);
+}
+
+.p-image-preview-indicator {
+ background-color: transparent;
+ color: #f8f9fa;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+
+.p-image-preview-container:hover > .p-image-preview-indicator {
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.p-image-toolbar {
+ padding: 1rem;
+}
+
+.p-image-action.p-link {
+ color: #f8f9fa;
+ background-color: transparent;
+ width: 3rem;
+ height: 3rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-image-action.p-link:last-child {
+ margin-right: 0;
+}
+.p-image-action.p-link:hover {
+ color: #f8f9fa;
+ background-color: rgba(255, 255, 255, 0.1);
+}
+.p-image-action.p-link i {
+ font-size: 1.5rem;
+}
+
+.p-avatar {
+ background-color: #c8c8c8;
+ border-radius: 3px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
+
+.p-avatar-group .p-avatar {
+ border: 2px solid #ffffff;
+}
+
+.p-badge {
+ background: #41b883;
+ color: #ffffff;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #607D8B;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #34A835;
+ color: #ffffff;
+}
+.p-badge.p-badge-info {
+ background-color: #007ad9;
+ color: #ffffff;
+}
+.p-badge.p-badge-warning {
+ background-color: #ffba01;
+ color: #333333;
+}
+.p-badge.p-badge-danger {
+ background-color: #e91224;
+ color: #ffffff;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
+.p-chip {
+ background-color: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+ padding: 0 0.429rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.2145rem;
+ margin-bottom: 0.2145rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 1.929rem;
+ height: 1.929rem;
+ margin-left: -0.429rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+
+.p-inplace .p-inplace-display {
+ padding: 0.429rem 0.429rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #c2e9d8;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 24px;
+ background: #eaeaea;
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #41b883;
+}
+.p-progressbar .p-progressbar-label {
+ color: #ffffff;
+ line-height: 24px;
+}
+
+.p-scrolltop {
+ width: 3rem;
+ height: 3rem;
+ border-radius: 50%;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: rgba(0, 0, 0, 0.7);
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(0, 0, 0, 0.8);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: #f4f4f4;
+}
+
+.p-skeleton {
+ background-color: #eaeaea;
+ border-radius: 3px;
+}
+.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: #41b883;
+ color: #ffffff;
+ font-size: 0.75rem;
+ font-weight: 700;
+ padding: 0.25rem 0.4rem;
+ border-radius: 3px;
+}
+.p-tag.p-tag-success {
+ background-color: #34A835;
+ color: #ffffff;
+}
+.p-tag.p-tag-info {
+ background-color: #007ad9;
+ color: #ffffff;
+}
+.p-tag.p-tag-warning {
+ background-color: #ffba01;
+ color: #333333;
+}
+.p-tag.p-tag-danger {
+ background-color: #e91224;
+ color: #ffffff;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
+
+.p-terminal {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ padding: 0.571rem 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
+
+.p-panel .p-panel-header .p-panel-header-icon {
+ color: #848484;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: #333333;
+}
+
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ color: #848484;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #333333;
+}
+
+/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css
new file mode 100644
index 0000000..5017dd6
--- /dev/null
+++ b/public/themes/nova/theme.css
@@ -0,0 +1,5747 @@
+:root {
+ --surface-a: #ffffff;
+ --surface-b: #f4f4f4;
+ --surface-c: #eaeaea;
+ --surface-d: #c8c8c8;
+ --surface-e: #ffffff;
+ --surface-f: #ffffff;
+ --text-color: #333333;
+ --text-color-secondary: #848484;
+ --primary-color: #007ad9;
+ --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-0: #ffffff;
+ --surface-50: #eef1f2;
+ --surface-100: #dde2e4;
+ --surface-200: #bbc5ca;
+ --surface-300: #98a8af;
+ --surface-400: #768b95;
+ --surface-500: #546e7a;
+ --surface-600: #435862;
+ --surface-700: #324249;
+ --surface-800: #222c31;
+ --surface-900: #111618;
+ --gray-50: #eef1f2;
+ --gray-100: #dde2e4;
+ --gray-200: #bbc5ca;
+ --gray-300: #98a8af;
+ --gray-400: #768b95;
+ --gray-500: #546e7a;
+ --gray-600: #435862;
+ --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;
+ --focus-ring: 0 0 0 0.2rem #8dcdff;
+ --maskbg: rgba(0, 0, 0, 0.4);
+ color-scheme: light;
+}
+
+* {
+ box-sizing: border-box;
+}
+
+.p-component {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ font-weight: normal;
+}
+
+.p-component-overlay {
+ background-color: rgba(0, 0, 0, 0.4);
+ transition-duration: 0.2s;
+}
+
+.p-disabled, .p-component:disabled {
+ opacity: 0.5;
+}
+
+.p-error {
+ color: #a80000;
+}
+
+.p-text-secondary {
+ color: #848484;
+}
+
+.pi {
+ font-size: 1rem;
+}
+
+.p-link {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ border-radius: 3px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+
+.p-component-overlay-enter {
+ animation: p-component-overlay-enter-animation 150ms forwards;
+}
+
+.p-component-overlay-leave {
+ animation: p-component-overlay-leave-animation 150ms forwards;
+}
+
+@keyframes p-component-overlay-enter-animation {
+ from {
+ background-color: transparent;
+ }
+ to {
+ background-color: var(--maskbg);
+ }
+}
+@keyframes p-component-overlay-leave-animation {
+ from {
+ background-color: var(--maskbg);
+ }
+ to {
+ background-color: transparent;
+ }
+}
+
+:root {
+ --blue-50:#f3f8fc;
+ --blue-100:#c6dcef;
+ --blue-200:#98c1e3;
+ --blue-300:#6ba5d7;
+ --blue-400:#3d8aca;
+ --blue-500:#106ebe;
+ --blue-600:#0e5ea2;
+ --blue-700:#0b4d85;
+ --blue-800:#093d69;
+ --blue-900:#062c4c;
+ --green-50:#f7fbf6;
+ --green-100:#d6ead1;
+ --green-200:#b6d9ad;
+ --green-300:#96c889;
+ --green-400:#76b765;
+ --green-500:#56a641;
+ --green-600:#498d37;
+ --green-700:#3c742e;
+ --green-800:#2f5b24;
+ --green-900:#22421a;
+ --yellow-50:#fffcf5;
+ --yellow-100:#fdefcd;
+ --yellow-200:#fbe3a6;
+ --yellow-300:#f9d67f;
+ --yellow-400:#f8ca57;
+ --yellow-500:#f6bd30;
+ --yellow-600:#d1a129;
+ --yellow-700:#ac8422;
+ --yellow-800:#87681a;
+ --yellow-900:#624c13;
+ --cyan-50:#f4fbfd;
+ --cyan-100:#ccebf5;
+ --cyan-200:#a4dbed;
+ --cyan-300:#7ccce5;
+ --cyan-400:#54bcdd;
+ --cyan-500:#2cacd5;
+ --cyan-600:#2592b5;
+ --cyan-700:#1f7895;
+ --cyan-800:#185f75;
+ --cyan-900:#124555;
+ --pink-50:#fdf4f9;
+ --pink-100:#f6cce0;
+ --pink-200:#eea3c7;
+ --pink-300:#e77aae;
+ --pink-400:#df5296;
+ --pink-500:#d8297d;
+ --pink-600:#b8236a;
+ --pink-700:#971d58;
+ --pink-800:#771745;
+ --pink-900:#561032;
+ --indigo-50:#f4f6fd;
+ --indigo-100:#ccd3f5;
+ --indigo-200:#a4b0ed;
+ --indigo-300:#7c8de5;
+ --indigo-400:#546add;
+ --indigo-500:#2c47d5;
+ --indigo-600:#253cb5;
+ --indigo-700:#1f3295;
+ --indigo-800:#182775;
+ --indigo-900:#121c55;
+ --teal-50:#f6fbfa;
+ --teal-100:#d1eae5;
+ --teal-200:#add9d1;
+ --teal-300:#89c8bd;
+ --teal-400:#65b7a8;
+ --teal-500:#41a694;
+ --teal-600:#378d7e;
+ --teal-700:#2e7468;
+ --teal-800:#245b51;
+ --teal-900:#1a423b;
+ --orange-50:#fff9f5;
+ --orange-100:#fde4cd;
+ --orange-200:#fbcfa6;
+ --orange-300:#f9ba7f;
+ --orange-400:#f8a457;
+ --orange-500:#f68f30;
+ --orange-600:#d17a29;
+ --orange-700:#ac6422;
+ --orange-800:#874f1a;
+ --orange-900:#623913;
+ --bluegray-50:#f7f8f9;
+ --bluegray-100:#dae0e3;
+ --bluegray-200:#bdc7cd;
+ --bluegray-300:#a0aeb6;
+ --bluegray-400:#8295a0;
+ --bluegray-500:#657c8a;
+ --bluegray-600:#566975;
+ --bluegray-700:#475761;
+ --bluegray-800:#38444c;
+ --bluegray-900:#283237;
+ --purple-50:#f9f8fd;
+ --purple-100:#e1dff7;
+ --purple-200:#cac5f1;
+ --purple-300:#b2abeb;
+ --purple-400:#9b92e4;
+ --purple-500:#8378de;
+ --purple-600:#6f66bd;
+ --purple-700:#5c549b;
+ --purple-800:#48427a;
+ --purple-900:#343059;
+ --red-50:#fdf4f3;
+ --red-100:#f6ccc6;
+ --red-200:#eea39a;
+ --red-300:#e77b6d;
+ --red-400:#df5240;
+ --red-500:#d82a13;
+ --red-600:#b82410;
+ --red-700:#971d0d;
+ --red-800:#77170a;
+ --red-900:#561108;
+ --primary-50:#f2f8fd;
+ --primary-100:#c2dff6;
+ --primary-200:#91c6ef;
+ --primary-300:#61ade7;
+ --primary-400:#3093e0;
+ --primary-500:#007ad9;
+ --primary-600:#0068b8;
+ --primary-700:#005598;
+ --primary-800:#004377;
+ --primary-900:#003157;
+}
+
+.p-autocomplete .p-autocomplete-loader {
+ right: 0.429rem;
+}
+.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
+ right: 2.786rem;
+}
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
+ border-color: #212121;
+}
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.2145rem 0.429rem;
+ gap: 0.5rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.2145rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #333333;
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.2145rem 0.429rem;
+ background: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #bababa;
+ color: #333333;
+}
+.p-autocomplete.p-invalid.p-component > .p-inputtext {
+ border-color: #a80000;
+}
+
+.p-autocomplete-panel {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-autocomplete-panel .p-autocomplete-items {
+ padding: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: #007ad9;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #333333;
+ background: #d6d6d6;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+
+.p-calendar.p-invalid.p-component > .p-inputtext {
+ border-color: #a80000;
+}
+
+.p-datepicker {
+ padding: 0.857rem;
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #a6a6a6;
+ border-radius: 3px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #ffffff;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: #333333;
+ background: #ffffff;
+ font-weight: 700;
+ margin: 0;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.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: #333333;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ font-weight: 700;
+ padding: 0.5rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
+ color: #007ad9;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.857rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: #d0d0d0;
+ color: #333333;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 0.857rem 0 0.429rem 0;
+ border-top: 1px solid #d8dae2;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #d8dae2;
+ padding: 0.857rem 0 0.429rem 0;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ 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: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.286rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.429rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.857rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-datepicker .p-yearpicker {
+ margin: 0.857rem 0;
+}
+.p-datepicker .p-yearpicker .p-yearpicker-year {
+ padding: 0.5rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-left: 1px solid #d8dae2;
+ padding-right: 0.857rem;
+ padding-left: 0.857rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+ border-left: 0 none;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: #eaeaea;
+}
+.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 #8dcdff;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
+ background: #eaeaea;
+}
+.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 #8dcdff;
+}
+.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
+ background: #eaeaea;
+}
+.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 #8dcdff;
+}
+
+@media screen and (max-width: 769px) {
+ .p-datepicker table th, .p-datepicker table td {
+ padding: 0.25rem;
+ }
+}
+.p-cascadeselect {
+ background: #ffffff;
+ border: 1px solid #a6a6a6;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.429rem 0.429rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: #666666;
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: #848484;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #a80000;
+}
+
+.p-cascadeselect-panel {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: #007ad9;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #333333;
+ background: #d6d6d6;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.429rem 0.857rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
+
+.p-input-filled .p-cascadeselect {
+ background: #f4f4f4;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
+
+.p-checkbox {
+ width: 20px;
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 1px solid #a6a6a6;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: #333333;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #ffffff;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #007ad9;
+ background: #007ad9;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: #212121;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #005b9f;
+ background: #005b9f;
+ color: #ffffff;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #a80000;
+}
+
+.p-input-filled .p-checkbox .p-checkbox-box {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #007ad9;
+}
+.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ background: #005b9f;
+}
+
+.p-highlight .p-checkbox .p-checkbox-box {
+ border-color: #ffffff;
+}
+
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
+ border-color: #212121;
+}
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-chips .p-chips-multiple-container {
+ padding: 0.2145rem 0.429rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #bababa;
+ color: #333333;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.2145rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #333333;
+ padding: 0;
+ margin: 0;
+}
+.p-chips.p-invalid.p-component > .p-inputtext {
+ border-color: #a80000;
+}
+
+.p-colorpicker-preview {
+ width: 2rem;
+ height: 2rem;
+}
+
+.p-colorpicker-panel {
+ background: #323232;
+ border: 1px solid #191919;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
+
+.p-colorpicker-overlay-panel {
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+
+.p-dropdown {
+ background: #ffffff;
+ border: 1px solid #a6a6a6;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.429rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: #666666;
+}
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: #848484;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: #848484;
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #a80000;
+}
+
+.p-dropdown-panel {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-dropdown-panel .p-dropdown-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #eaeaea;
+ color: #333333;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.429rem;
+ margin-right: -1.429rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.429rem;
+ color: #848484;
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: #007ad9;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #333333;
+ background: #d6d6d6;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #333333;
+ background: transparent;
+}
+
+.p-input-filled .p-dropdown {
+ background: #f4f4f4;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+ background-color: transparent;
+}
+
+.p-editor-container .p-editor-toolbar {
+ background: #f4f4f4;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #c8c8c8;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: #848484;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: #848484;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: #848484;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+ padding: 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: #333333;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.429rem 0.857rem;
+}
+.p-editor-container .p-editor-content {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #c8c8c8;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #ffffff;
+ color: #333333;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover,
+.p-editor-container .ql-snow.ql-toolbar button:focus {
+ color: #333333;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: #333333;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: #333333;
+}
+.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: #007ad9;
+}
+.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: #007ad9;
+}
+.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: #007ad9;
+}
+.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: #007ad9;
+}
+
+.p-inputgroup-addon {
+ background: #eaeaea;
+ color: #848484;
+ border-top: 1px solid #a6a6a6;
+ border-left: 1px solid #a6a6a6;
+ border-bottom: 1px solid #a6a6a6;
+ padding: 0.429rem 0.429rem;
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #a6a6a6;
+}
+
+.p-inputgroup > .p-component,
+.p-inputgroup > .p-inputwrapper > .p-inputtext,
+.p-inputgroup > .p-float-label > .p-component {
+ border-radius: 0;
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
+
+.p-inputgroup-addon:first-child,
+.p-inputgroup button:first-child,
+.p-inputgroup input:first-child,
+.p-inputgroup > .p-inputwrapper:first-child,
+.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+
+.p-inputgroup .p-float-label:first-child input {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+
+.p-inputgroup-addon:last-child,
+.p-inputgroup button:last-child,
+.p-inputgroup input:last-child,
+.p-inputgroup > .p-inputwrapper:last-child,
+.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+.p-inputgroup .p-float-label:last-child input {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+.p-fluid .p-inputgroup .p-button {
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
+
+.p-inputnumber.p-invalid.p-component > .p-inputtext {
+ border-color: #a80000;
+}
+
+.p-inputswitch {
+ width: 3rem;
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #cccccc;
+ 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: #ffffff;
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #b7b7b7;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ background: #007ad9;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ background: #cccccc;
+}
+.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #116fbf;
+}
+.p-inputswitch.p-invalid {
+ border-color: #a80000;
+}
+
+.p-inputtext {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #333333;
+ background: #ffffff;
+ padding: 0.429rem 0.429rem;
+ border: 1px solid #a6a6a6;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ appearance: none;
+ border-radius: 3px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #212121;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #a80000;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.375375rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 0.53625rem;
+}
+
+.p-float-label > label {
+ left: 0.429rem;
+ color: #666666;
+ transition-duration: 0.2s;
+}
+
+.p-float-label > .p-invalid + label {
+ color: #a80000;
+}
+
+.p-input-icon-left > i:first-of-type {
+ left: 0.429rem;
+ color: #848484;
+}
+
+.p-input-icon-left > .p-inputtext {
+ padding-left: 1.858rem;
+}
+
+.p-input-icon-left.p-float-label > label {
+ left: 1.858rem;
+}
+
+.p-input-icon-right > i:last-of-type {
+ right: 0.429rem;
+ color: #848484;
+}
+
+.p-input-icon-right > .p-inputtext {
+ padding-right: 1.858rem;
+}
+
+::-webkit-input-placeholder {
+ color: #666666;
+}
+
+:-moz-placeholder {
+ color: #666666;
+}
+
+::-moz-placeholder {
+ color: #666666;
+}
+
+:-ms-input-placeholder {
+ color: #666666;
+}
+
+.p-input-filled .p-inputtext {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #f4f4f4;
+}
+
+.p-inputtext-sm .p-inputtext {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.375375rem;
+}
+
+.p-inputtext-lg .p-inputtext {
+ font-size: 1.25rem;
+ padding: 0.53625rem 0.53625rem;
+}
+
+.p-listbox {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #a6a6a6;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #eaeaea;
+ color: #333333;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.429rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.429rem;
+ color: #848484;
+}
+.p-listbox .p-listbox-list {
+ padding: 0;
+ outline: 0 none;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #333333;
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: #007ad9;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #333333;
+ background: #d6d6d6;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-listbox.p-invalid {
+ border-color: #a80000;
+}
+
+.p-multiselect {
+ background: #ffffff;
+ border: 1px solid #a6a6a6;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: #666666;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: #848484;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #a80000;
+}
+
+.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
+ padding: 0.2145rem 0.429rem;
+}
+
+.p-multiselect-panel {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-multiselect-panel .p-multiselect-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #eaeaea;
+ color: #333333;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.429rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.429rem;
+ color: #848484;
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ 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: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: #007ad9;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #333333;
+ background: #d6d6d6;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #333333;
+ background: transparent;
+}
+
+.p-input-filled .p-multiselect {
+ background: #f4f4f4;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
+
+.p-password.p-invalid.p-component > .p-inputtext {
+ border-color: #a80000;
+}
+
+.p-password-panel {
+ padding: 0.571rem 1rem;
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #eaeaea;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ background: #e91224;
+}
+.p-password-panel .p-password-meter .p-password-strength.medium {
+ background: #ffba01;
+}
+.p-password-panel .p-password-meter .p-password-strength.strong {
+ background: #34A835;
+}
+
+.p-radiobutton {
+ width: 20px;
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 1px solid #a6a6a6;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: #333333;
+ 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: #212121;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.2s;
+ background-color: #ffffff;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #007ad9;
+ background: #007ad9;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #005b9f;
+ background: #005b9f;
+ color: #ffffff;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #a80000;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
+
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #007ad9;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #005b9f;
+}
+
+.p-highlight .p-radiobutton .p-radiobutton-box {
+ border-color: #ffffff;
+}
+
+.p-rating {
+ gap: 0.5rem;
+}
+.p-rating .p-rating-item .p-rating-icon {
+ color: #333333;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
+ color: #e4018d;
+}
+.p-rating .p-rating-item.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
+ color: #007ad9;
+}
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
+ color: #007ad9;
+}
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
+ color: #b5019f;
+}
+
+.p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
+ color: #ffffff;
+}
+
+.p-selectbutton .p-button {
+ background: #dadada;
+ border: 1px solid #dadada;
+ color: #333333;
+ 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: #666666;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #212121;
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #116fbf;
+ border-color: #116fbf;
+ color: #ffffff;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #ffffff;
+}
+.p-selectbutton.p-invalid > .p-button {
+ border-color: #a80000;
+}
+
+.p-slider {
+ background: #c8c8c8;
+ border: 0 none;
+ border-radius: 3px;
+}
+.p-slider.p-slider-horizontal {
+ height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -0.5715rem;
+ margin-left: -0.5715rem;
+}
+.p-slider.p-slider-vertical {
+ width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -0.5715rem;
+ margin-bottom: -0.5715rem;
+}
+.p-slider .p-slider-handle {
+ height: 1.143rem;
+ width: 1.143rem;
+ background: #ffffff;
+ border: 2px solid #666666;
+ border-radius: 100%;
+ 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 #8dcdff;
+}
+.p-slider .p-slider-range {
+ background: #007ad9;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: 2px solid #666666;
+ border-color: #007ad9;
+}
+
+.p-treeselect {
+ background: #ffffff;
+ border: 1px solid #a6a6a6;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: #212121;
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: #666666;
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: #848484;
+ width: 2.357rem;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #a80000;
+}
+
+.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
+ padding: 0.2145rem 0.429rem;
+}
+
+.p-treeselect-panel {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.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.429rem 0.857rem;
+ color: #333333;
+ background: transparent;
+}
+
+.p-input-filled .p-treeselect {
+ background: #f4f4f4;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
+
+.p-togglebutton.p-button {
+ background: #dadada;
+ border: 1px solid #dadada;
+ color: #333333;
+ 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: #666666;
+}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: #007ad9;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #212121;
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #116fbf;
+ border-color: #116fbf;
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #ffffff;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #a80000;
+}
+
+.p-button {
+ color: #ffffff;
+ background: #007ad9;
+ border: 1px solid #007ad9;
+ 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:enabled:hover {
+ background: #116fbf;
+ color: #ffffff;
+ border-color: #116fbf;
+}
+.p-button:enabled:active {
+ background: #005b9f;
+ color: #ffffff;
+ border-color: #005b9f;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(0, 122, 217, 0.04);
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(0, 122, 217, 0.16);
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: #848484;
+ border-color: #848484;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: #eaeaea;
+ color: #848484;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: #d2d2d2;
+ color: #848484;
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(0, 122, 217, 0.04);
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(0, 122, 217, 0.16);
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: #848484;
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: #eaeaea;
+ color: #848484;
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: #d2d2d2;
+ color: #848484;
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #007ad9;
+ background-color: #ffffff;
+}
+.p-button.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.429rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
+
+.p-fluid .p-button {
+ width: 100%;
+}
+.p-fluid .p-button-icon-only {
+ width: 2.357rem;
+}
+.p-fluid .p-buttonset {
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
+
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ color: #ffffff;
+ background: #607D8B;
+ border: 1px solid #607D8B;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #546E7A;
+ color: #ffffff;
+ border-color: #546E7A;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #B0BEC5;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #455A64;
+ color: #ffffff;
+ border-color: #455A64;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(96, 125, 139, 0.04);
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(96, 125, 139, 0.16);
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #607D8B;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(96, 125, 139, 0.04);
+ border-color: transparent;
+ color: #607D8B;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(96, 125, 139, 0.16);
+ border-color: transparent;
+ color: #607D8B;
+}
+
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ color: #ffffff;
+ background: #007ad9;
+ border: 1px solid #007ad9;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #116fbf;
+ color: #ffffff;
+ border-color: #116fbf;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #005b9f;
+ color: #ffffff;
+ border-color: #005b9f;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(0, 122, 217, 0.04);
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(0, 122, 217, 0.16);
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(0, 122, 217, 0.04);
+ border-color: transparent;
+ color: #007ad9;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(0, 122, 217, 0.16);
+ border-color: transparent;
+ color: #007ad9;
+}
+
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ color: #ffffff;
+ background: #34A835;
+ border: 1px solid #34A835;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #107D11;
+ color: #ffffff;
+ border-color: #107D11;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #aae5aa;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ background: #0C6B0D;
+ color: #ffffff;
+ border-color: #0C6B0D;
+}
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #34A835;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(52, 168, 53, 0.04);
+ color: #34A835;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(52, 168, 53, 0.16);
+ color: #34A835;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #34A835;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(52, 168, 53, 0.04);
+ border-color: transparent;
+ color: #34A835;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(52, 168, 53, 0.16);
+ border-color: transparent;
+ color: #34A835;
+}
+
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ color: #333333;
+ background: #ffba01;
+ border: 1px solid #ffba01;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #ED990B;
+ color: #333333;
+ border-color: #ED990B;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #ffeab4;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #D38B10;
+ color: #333333;
+ border-color: #D38B10;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #ffba01;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 186, 1, 0.04);
+ color: #ffba01;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 186, 1, 0.16);
+ color: #ffba01;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #ffba01;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 186, 1, 0.04);
+ border-color: transparent;
+ color: #ffba01;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 186, 1, 0.16);
+ border-color: transparent;
+ color: #ffba01;
+}
+
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ color: #ffffff;
+ background: #9C27B0;
+ border: 1px solid #9C27B0;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #8E24AA;
+ color: #ffffff;
+ border-color: #8E24AA;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #CE93D8;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #7B1FA2;
+ color: #ffffff;
+ border-color: #7B1FA2;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(156, 39, 176, 0.04);
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(156, 39, 176, 0.16);
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #9C27B0;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(156, 39, 176, 0.04);
+ border-color: transparent;
+ color: #9C27B0;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(156, 39, 176, 0.16);
+ border-color: transparent;
+ color: #9C27B0;
+}
+
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ color: #ffffff;
+ background: #e91224;
+ border: 1px solid #e91224;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #c01120;
+ color: #ffffff;
+ border-color: #c01120;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #f9b4ba;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #a90000;
+ color: #ffffff;
+ border-color: #a90000;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #e91224;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(233, 18, 36, 0.04);
+ color: #e91224;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(233, 18, 36, 0.16);
+ color: #e91224;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #e91224;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(233, 18, 36, 0.04);
+ border-color: transparent;
+ color: #e91224;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(233, 18, 36, 0.16);
+ border-color: transparent;
+ color: #e91224;
+}
+
+.p-button.p-button-link {
+ color: #005b9f;
+ background: transparent;
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #005b9f;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #005b9f;
+ border-color: transparent;
+}
+
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: #324249;
+ color: #fff;
+}
+.p-speeddial-action:hover {
+ background: #222c31;
+ color: #fff;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
+.p-splitbutton {
+ border-radius: 3px;
+}
+.p-splitbutton.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(0, 122, 217, 0.04);
+ color: #007ad9;
+}
+.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(0, 122, 217, 0.16);
+ color: #007ad9;
+}
+.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
+ color: #848484;
+ border-color: #848484;
+}
+.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: #eaeaea;
+ color: #848484;
+}
+.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: #d2d2d2;
+ color: #848484;
+}
+.p-splitbutton.p-button-text > .p-button {
+ background-color: transparent;
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(0, 122, 217, 0.04);
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(0, 122, 217, 0.16);
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-text.p-button-plain > .p-button {
+ color: #848484;
+}
+.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: #eaeaea;
+ color: #848484;
+}
+.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: #d2d2d2;
+ color: #848484;
+}
+.p-splitbutton.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-splitbutton.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-splitbutton.p-button-rounded > .p-button {
+ border-radius: 2rem;
+}
+.p-splitbutton.p-button-sm > .p-button {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.875rem;
+}
+.p-splitbutton.p-button-sm > .p-button .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-splitbutton.p-button-lg > .p-button {
+ font-size: 1.25rem;
+ padding: 0.53625rem 1.25rem;
+}
+.p-splitbutton.p-button-lg > .p-button .p-button-icon {
+ font-size: 1.25rem;
+}
+
+.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #607D8B;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(96, 125, 139, 0.04);
+ color: #607D8B;
+}
+.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(96, 125, 139, 0.16);
+ color: #607D8B;
+}
+.p-splitbutton.p-button-secondary.p-button-text > .p-button {
+ background-color: transparent;
+ color: #607D8B;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(96, 125, 139, 0.04);
+ border-color: transparent;
+ color: #607D8B;
+}
+.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(96, 125, 139, 0.16);
+ border-color: transparent;
+ color: #607D8B;
+}
+
+.p-splitbutton.p-button-info.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #007ad9;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(0, 122, 217, 0.04);
+ color: #007ad9;
+}
+.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(0, 122, 217, 0.16);
+ color: #007ad9;
+}
+.p-splitbutton.p-button-info.p-button-text > .p-button {
+ background-color: transparent;
+ color: #007ad9;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(0, 122, 217, 0.04);
+ border-color: transparent;
+ color: #007ad9;
+}
+.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(0, 122, 217, 0.16);
+ border-color: transparent;
+ color: #007ad9;
+}
+
+.p-splitbutton.p-button-success.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #34A835;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(52, 168, 53, 0.04);
+ color: #34A835;
+}
+.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(52, 168, 53, 0.16);
+ color: #34A835;
+}
+.p-splitbutton.p-button-success.p-button-text > .p-button {
+ background-color: transparent;
+ color: #34A835;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(52, 168, 53, 0.04);
+ border-color: transparent;
+ color: #34A835;
+}
+.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(52, 168, 53, 0.16);
+ border-color: transparent;
+ color: #34A835;
+}
+
+.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #ffba01;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(255, 186, 1, 0.04);
+ color: #ffba01;
+}
+.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(255, 186, 1, 0.16);
+ color: #ffba01;
+}
+.p-splitbutton.p-button-warning.p-button-text > .p-button {
+ background-color: transparent;
+ color: #ffba01;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(255, 186, 1, 0.04);
+ border-color: transparent;
+ color: #ffba01;
+}
+.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(255, 186, 1, 0.16);
+ border-color: transparent;
+ color: #ffba01;
+}
+
+.p-splitbutton.p-button-help.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #9C27B0;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(156, 39, 176, 0.04);
+ color: #9C27B0;
+}
+.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(156, 39, 176, 0.16);
+ color: #9C27B0;
+}
+.p-splitbutton.p-button-help.p-button-text > .p-button {
+ background-color: transparent;
+ color: #9C27B0;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(156, 39, 176, 0.04);
+ border-color: transparent;
+ color: #9C27B0;
+}
+.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(156, 39, 176, 0.16);
+ border-color: transparent;
+ color: #9C27B0;
+}
+
+.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #e91224;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(233, 18, 36, 0.04);
+ color: #e91224;
+}
+.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(233, 18, 36, 0.16);
+ color: #e91224;
+}
+.p-splitbutton.p-button-danger.p-button-text > .p-button {
+ background-color: transparent;
+ color: #e91224;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(233, 18, 36, 0.04);
+ border-color: transparent;
+ color: #e91224;
+}
+.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(233, 18, 36, 0.16);
+ border-color: transparent;
+ color: #e91224;
+}
+
+.p-carousel .p-carousel-content .p-carousel-prev,
+.p-carousel .p-carousel-content .p-carousel-next {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-carousel .p-carousel-indicators {
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #f4f4f4;
+ 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: #eaeaea;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: #007ad9;
+ color: #ffffff;
+}
+
+.p-datatable .p-paginator-top {
+ border-width: 1px 1px 0 1px;
+ border-radius: 0;
+}
+.p-datatable .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+ border-radius: 0;
+}
+.p-datatable .p-datatable-header {
+ background: #f4f4f4;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-width: 1px 1px 0 1px;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-datatable .p-datatable-footer {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-width: 0 1px 1px 1px;
+ padding: 0.571rem 1rem;
+ font-weight: normal;
+}
+.p-datatable .p-datatable-thead > tr > th {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #c8c8c8;
+ border-width: 1px 1px 1px 1px;
+ font-weight: 700;
+ color: #333333;
+ background: #f4f4f4;
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tfoot > tr > td {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #c8c8c8;
+ border-width: 1px;
+ font-weight: 700;
+ color: #333333;
+ background: #f4f4f4;
+}
+.p-datatable .p-sortable-column .p-sortable-column-icon {
+ color: #848484;
+ margin-left: 0.5rem;
+}
+.p-datatable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #ffffff;
+ background: #007ad9;
+ margin-left: 0.5rem;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
+ background: #e0e0e0;
+ color: #333333;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #333333;
+}
+.p-datatable .p-sortable-column.p-highlight {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #ffffff;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #ffffff;
+}
+.p-datatable .p-sortable-column:focus {
+ box-shadow: inset 0 0 0 0.15rem #8dcdff;
+ outline: 0 none;
+}
+.p-datatable .p-datatable-tbody > tr {
+ background: #ffffff;
+ color: #333333;
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #c8c8c8;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 700;
+}
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid #8dcdff;
+ outline-offset: -0.15rem;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ box-shadow: inset 0 2px 0 0 #007ad9;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
+ box-shadow: inset 0 -2px 0 0 #007ad9;
+}
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-datatable .p-column-resizer-helper {
+ background: #007ad9;
+}
+.p-datatable .p-datatable-scrollable-header,
+.p-datatable .p-datatable-scrollable-footer {
+ background: #f4f4f4;
+}
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-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: #f4f4f4;
+}
+.p-datatable .p-datatable-loading-icon {
+ font-size: 2rem;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-header {
+ border-width: 1px 1px 0 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-footer {
+ border-width: 0 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-paginator-top {
+ border-width: 0 1px 0 1px;
+}
+.p-datatable.p-datatable-gridlines .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
+ border-width: 1px 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
+ border-width: 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
+ border-width: 1px;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
+ background: #f9f9f9;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #ffffff;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #ffffff;
+}
+.p-datatable.p-datatable-sm .p-datatable-header {
+ padding: 0.72845rem 0.85rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
+ padding: 0.48535rem 0.85rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-footer {
+ padding: 0.48535rem 0.85rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-header {
+ padding: 1.07125rem 1.25rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
+ padding: 0.71375rem 1.25rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-footer {
+ padding: 0.71375rem 1.25rem;
+}
+
+.p-dataview .p-paginator-top {
+ border-width: 1px 1px 0 1px;
+ border-radius: 0;
+}
+.p-dataview .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+ border-radius: 0;
+}
+.p-dataview .p-dataview-header {
+ background: #f4f4f4;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-width: 1px 1px 0 1px;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-dataview .p-dataview-content {
+ background: #ffffff;
+ color: #333333;
+ border: 0 none;
+ padding: 0;
+}
+.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
+ border: 1px solid #d8dae2;
+ border-width: 1px;
+}
+.p-dataview .p-dataview-footer {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-width: 0 1px 1px 1px;
+ padding: 0.571rem 1rem;
+ font-weight: normal;
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+.p-column-filter-row .p-column-filter-menu-button,
+.p-column-filter-row .p-column-filter-clear-button {
+ margin-left: 0.5rem;
+}
+
+.p-column-filter-menu-button {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: transparent;
+ color: #007ad9;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+
+.p-column-filter-clear-button {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+
+.p-column-filter-overlay {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #8dcdff;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+
+.p-column-filter-overlay-menu .p-column-filter-operator {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #eaeaea;
+ color: #333333;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint {
+ padding: 0.571rem 1rem;
+ border-bottom: 1px solid #d8dae2;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
+.p-column-filter-overlay-menu .p-column-filter-add-rule {
+ padding: 0.571rem 1rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-buttonbar {
+ padding: 0.571rem 1rem;
+}
+
+.fc {
+ /* FullCalendar 4 */
+ /* FullCalendar 5 */
+}
+.fc.fc-unthemed .fc-view-container th {
+ background: #f4f4f4;
+ border: 1px solid #c8c8c8;
+ color: #333333;
+}
+.fc.fc-unthemed .fc-view-container td.fc-widget-content {
+ border: 1px solid #c8c8c8;
+ color: #333333;
+}
+.fc.fc-unthemed .fc-view-container td.fc-head-container {
+ border: 1px solid #c8c8c8;
+}
+.fc.fc-unthemed .fc-view-container .fc-view {
+ background: #ffffff;
+}
+.fc.fc-unthemed .fc-view-container .fc-row {
+ border-right: 1px solid #c8c8c8;
+}
+.fc.fc-unthemed .fc-view-container .fc-event {
+ background: #116fbf;
+ border: 1px solid #116fbf;
+ color: #ffffff;
+}
+.fc.fc-unthemed .fc-view-container .fc-divider {
+ background: #f4f4f4;
+ border: 1px solid #c8c8c8;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button {
+ color: #ffffff;
+ background: #007ad9;
+ border: 1px solid #007ad9;
+ font-size: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+ display: flex;
+ align-items: center;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover {
+ background: #116fbf;
+ color: #ffffff;
+ border-color: #116fbf;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active {
+ background: #005b9f;
+ color: #ffffff;
+ border-color: #005b9f;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "\e900";
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "\e901";
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #dadada;
+ border: 1px solid #dadada;
+ color: #333333;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #116fbf;
+ border-color: #116fbf;
+ color: #ffffff;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ z-index: 1;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button {
+ border-radius: 0;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid {
+ border-color: #c8c8c8;
+}
+.fc.fc-theme-standard .fc-view-harness th {
+ background: #f4f4f4;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.fc.fc-theme-standard .fc-view-harness td {
+ color: #333333;
+ border-color: #c8c8c8;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-view {
+ background: #ffffff;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover {
+ background: none;
+ border: 0 none;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header {
+ border: 1px solid #c8c8c8;
+ padding: 0.857rem 1rem;
+ background: #f4f4f4;
+ color: #333333;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close {
+ opacity: 1;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ overflow: hidden;
+ font-family: "PrimeIcons" !important;
+ font-size: 1rem;
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before {
+ content: "\e90b";
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body {
+ padding: 0.571rem 1rem;
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ border-top: 0 none;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
+ color: #ffffff;
+ background: #116fbf;
+ border-color: #116fbf;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main {
+ color: #ffffff;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot {
+ background: #116fbf;
+ border-color: #116fbf;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
+ background: #f4f4f4;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button {
+ color: #ffffff;
+ background: #007ad9;
+ border: 1px solid #007ad9;
+ font-size: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
+ background: #116fbf;
+ color: #ffffff;
+ border-color: #116fbf;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active {
+ background: #005b9f;
+ color: #ffffff;
+ border-color: #005b9f;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:disabled {
+ opacity: 0.5;
+ color: #ffffff;
+ background: #007ad9;
+ border: 1px solid #007ad9;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "\e900";
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "\e901";
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #dadada;
+ border: 1px solid #dadada;
+ color: #333333;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #116fbf;
+ border-color: #116fbf;
+ color: #ffffff;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ z-index: 1;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button {
+ border-radius: 0;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+.fc.fc-theme-standard .fc-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+
+.p-orderlist .p-orderlist-controls {
+ padding: 0.571rem 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
+.p-orderlist .p-orderlist-header {
+ background: #f4f4f4;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list {
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ padding: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #8dcdff;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
+ background: #f9f9f9;
+}
+.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
+ background: #eaeaea;
+}
+
+.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: #00325a;
+}
+.p-organizationchart .p-organizationchart-line-down {
+ background: #c8c8c8;
+}
+.p-organizationchart .p-organizationchart-line-left {
+ border-right: 1px solid #c8c8c8;
+ border-color: #c8c8c8;
+}
+.p-organizationchart .p-organizationchart-line-top {
+ border-top: 1px solid #c8c8c8;
+ border-color: #c8c8c8;
+}
+.p-organizationchart .p-organizationchart-node-content {
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ padding: 0.571rem 1rem;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
+ background: inherit;
+ color: inherit;
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+
+.p-paginator {
+ background: #f4f4f4;
+ color: #333333;
+ border: solid #c8c8c8;
+ border-width: 1px;
+ padding: 0;
+ border-radius: 3px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: #848484;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: #e0e0e0;
+ border-color: transparent;
+ color: #333333;
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.357rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-page-input {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+}
+.p-paginator .p-paginator-page-input .p-inputtext {
+ max-width: 2.357rem;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: #848484;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: #848484;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: #e0e0e0;
+ border-color: transparent;
+ color: #333333;
+}
+
+.p-picklist .p-picklist-buttons {
+ padding: 0.571rem 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
+.p-picklist .p-picklist-header {
+ background: #f4f4f4;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-picklist .p-picklist-list {
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ padding: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #333333;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #8dcdff;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #ffffff;
+ background: #007ad9;
+}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: #f9f9f9;
+}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: #eaeaea;
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 0 none;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #007ad9;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #c8c8c8;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
+.p-tree {
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ padding: 0.571rem 1rem;
+ border-radius: 3px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ padding: 0;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ 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: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: #848484;
+}
+.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: #333333;
+}
+.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 #8dcdff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #ffffff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #ffffff;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.429rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.429rem;
+ color: #848484;
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
+
+.p-treetable .p-paginator-top {
+ border-width: 1px 1px 0 1px;
+ border-radius: 0;
+}
+.p-treetable .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+ border-radius: 0;
+}
+.p-treetable .p-treetable-header {
+ background: #f4f4f4;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-width: 1px 1px 0 1px;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-treetable .p-treetable-footer {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-width: 0 1px 1px 1px;
+ padding: 0.571rem 1rem;
+ font-weight: normal;
+}
+.p-treetable .p-treetable-thead > tr > th {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #c8c8c8;
+ border-width: 1px 1px 1px 1px;
+ font-weight: 700;
+ color: #333333;
+ background: #f4f4f4;
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-treetable .p-treetable-tfoot > tr > td {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #c8c8c8;
+ border-width: 1px;
+ font-weight: 700;
+ color: #333333;
+ background: #f4f4f4;
+}
+.p-treetable .p-sortable-column {
+ outline-color: #8dcdff;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: #848484;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #ffffff;
+ background: #007ad9;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: #e0e0e0;
+ color: #333333;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #333333;
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #ffffff;
+}
+.p-treetable .p-treetable-tbody > tr {
+ background: #ffffff;
+ color: #333333;
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #c8c8c8;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.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: #333333;
+}
+.p-treetable .p-treetable-tbody > tr:focus {
+ outline: 0.15rem solid #8dcdff;
+ outline-offset: -0.15rem;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #ffffff;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #ffffff;
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: #333333;
+}
+.p-treetable .p-column-resizer-helper {
+ background: #007ad9;
+}
+.p-treetable .p-treetable-scrollable-header,
+.p-treetable .p-treetable-scrollable-footer {
+ background: #f4f4f4;
+}
+.p-treetable .p-treetable-loading-icon {
+ font-size: 2rem;
+}
+.p-treetable.p-treetable-gridlines .p-datatable-header {
+ border-width: 1px 1px 0 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-footer {
+ border-width: 0 1px 1px 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-top {
+ border-width: 0 1px 0 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-bottom {
+ border-width: 0 1px 1px 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
+ border-width: 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
+ border-width: 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
+ border-width: 1px;
+}
+.p-treetable.p-treetable-sm .p-treetable-header {
+ padding: 0.749875rem 0.875rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
+ padding: 0.48535rem 0.85rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-footer {
+ padding: 0.48535rem 0.85rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-header {
+ padding: 1.07125rem 1.25rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
+ padding: 0.71375rem 1.25rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-footer {
+ padding: 0.71375rem 1.25rem;
+}
+
+.p-accordion .p-accordion-header .p-accordion-header-link {
+ padding: 0.857rem 1rem;
+ border: 1px solid #c8c8c8;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
+.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
+ background: #dbdbdb;
+ border-color: #dbdbdb;
+ color: #333333;
+}
+.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
+ border-color: #005b9f;
+ background: #005b9f;
+ color: #ffffff;
+}
+.p-accordion .p-accordion-content {
+ padding: 0.571rem 1rem;
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ border-top: 0;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-accordion .p-accordion-tab {
+ margin-bottom: 2px;
+}
+
+.p-card {
+ background: #ffffff;
+ color: #333333;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+ border-radius: 3px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+ color: #848484;
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
+
+.p-fieldset {
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ border-radius: 3px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 0.857rem 1rem;
+ border: 1px solid #c8c8c8;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+ border-radius: 3px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 0.857rem 1rem;
+ color: #333333;
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: #333333;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: #dbdbdb;
+ border-color: #dbdbdb;
+ color: #333333;
+}
+.p-fieldset .p-fieldset-content {
+ padding: 0.571rem 1rem;
+}
+
+.p-divider .p-divider-content {
+ background-color: #ffffff;
+}
+.p-divider.p-divider-horizontal {
+ margin: 1rem 0;
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #c8c8c8;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
+.p-divider.p-divider-vertical {
+ margin: 0 1rem;
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #c8c8c8;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
+
+.p-panel .p-panel-header {
+ border: 1px solid #c8c8c8;
+ padding: 0.857rem 1rem;
+ background: #f4f4f4;
+ color: #333333;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 700;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ 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: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-panel.p-panel-toggleable .p-panel-header {
+ padding: 0.857rem 1rem;
+}
+.p-panel .p-panel-content {
+ padding: 0.571rem 1rem;
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+ border-top: 0 none;
+}
+.p-panel .p-panel-footer {
+ padding: 0.571rem 1rem;
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ border-top: 0 none;
+}
+
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #f8f8f8;
+ border: 0 none;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+
+.p-splitter {
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ border-radius: 3px;
+ color: #333333;
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: #eaeaea;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #d8dae2;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #d8dae2;
+}
+
+.p-tabview .p-tabview-nav {
+ background: transparent;
+ border: 0 none;
+ border-width: 1px;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 2px;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: 1px solid #c8c8c8;
+ border-width: 1px;
+ border-color: #c8c8c8;
+ background: #f4f4f4;
+ color: #333333;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #dbdbdb;
+ border-color: #dbdbdb;
+ color: #333333;
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
+.p-tabview .p-tabview-nav-btn.p-link {
+ background: #007ad9;
+ color: #ffffff;
+ 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;
+}
+.p-tabview .p-tabview-nav-btn.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-tabview .p-tabview-panels {
+ background: #ffffff;
+ padding: 0.571rem 1rem;
+ border: 1px solid #c8c8c8;
+ color: #333333;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+
+.p-toolbar {
+ background: #f4f4f4;
+ border: 1px solid #c8c8c8;
+ padding: 0.857rem 1rem;
+ border-radius: 3px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
+
+.p-confirm-popup {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-confirm-popup .p-confirm-popup-content {
+ padding: 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1rem 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(200, 200, 200, 0);
+ border-bottom-color: #c8c8c8;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #c8c8c8;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
+
+.p-dialog {
+ border-radius: 3px;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+ border: 1px solid #c8c8c8;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 1px solid #c8c8c8;
+ background: #f4f4f4;
+ color: #333333;
+ padding: 1rem;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 700;
+ font-size: 1rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #ffffff;
+ color: #333333;
+ padding: 1rem;
+}
+.p-dialog .p-dialog-content:last-of-type {
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ padding: 0.571rem 1rem;
+ text-align: right;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
+
+.p-overlaypanel {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 0.571rem 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #007ad9;
+ color: #ffffff;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #116fbf;
+ color: #ffffff;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(200, 200, 200, 0);
+ border-bottom-color: #bebebe;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #c8c8c8;
+}
+
+.p-sidebar {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 0.857rem 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: #007ad9;
+ border-color: transparent;
+ background: transparent;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 0.571rem 1rem;
+}
+
+.p-tooltip .p-tooltip-text {
+ background: #333333;
+ color: #ffffff;
+ padding: 0.429rem 0.429rem;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+}
+.p-tooltip.p-tooltip-right .p-tooltip-arrow {
+ border-right-color: #333333;
+}
+.p-tooltip.p-tooltip-left .p-tooltip-arrow {
+ border-left-color: #333333;
+}
+.p-tooltip.p-tooltip-top .p-tooltip-arrow {
+ border-top-color: #333333;
+}
+.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
+ border-bottom-color: #333333;
+}
+
+.p-fileupload .p-fileupload-buttonbar {
+ background: #f4f4f4;
+ padding: 0.857rem 1rem;
+ border: 1px solid #c8c8c8;
+ color: #333333;
+ border-bottom: 0 none;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ gap: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-fileupload .p-fileupload-content {
+ background: #ffffff;
+ padding: 0.571rem 1rem;
+ border: 1px solid #c8c8c8;
+ color: #333333;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-progressbar {
+ height: 0.25rem;
+}
+.p-fileupload .p-fileupload-row > div {
+ padding: 0.571rem 0.857rem;
+}
+.p-fileupload.p-fileupload-advanced .p-message {
+ margin-top: 0;
+}
+
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #116fbf;
+ color: #ffffff;
+ border-color: #116fbf;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #005b9f;
+ color: #ffffff;
+ border-color: #005b9f;
+}
+
+.p-breadcrumb {
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ padding: 0.571rem 1rem;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+}
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
+ margin: 0 0.5rem 0 0.5rem;
+ color: #333333;
+}
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
+ color: #333333;
+}
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
+ color: #333333;
+}
+
+.p-contextmenu {
+ padding: 0;
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+ width: 12.5rem;
+}
+.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;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.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:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.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: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-menuitem-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
+
+.p-dock .p-dock-list-container {
+ background: rgba(255, 255, 255, 0.1);
+ border: 1px solid rgba(255, 255, 255, 0.2);
+ padding: 0.5rem 0.5rem;
+ border-radius: 0.5rem;
+}
+.p-dock .p-dock-list-container .p-dock-list {
+ outline: 0 none;
+}
+.p-dock .p-dock-item {
+ padding: 0.5rem;
+ border-radius: 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-link {
+ width: 4rem;
+ height: 4rem;
+}
+.p-dock.p-dock-top .p-dock-item-second-prev,
+.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
+.p-dock.p-dock-bottom .p-dock-item-second-next {
+ margin: 0 0.9rem;
+}
+.p-dock.p-dock-top .p-dock-item-prev,
+.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
+.p-dock.p-dock-bottom .p-dock-item-next {
+ margin: 0 1.3rem;
+}
+.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
+ margin: 0 1.5rem;
+}
+.p-dock.p-dock-left .p-dock-item-second-prev,
+.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
+.p-dock.p-dock-right .p-dock-item-second-next {
+ margin: 0.9rem 0;
+}
+.p-dock.p-dock-left .p-dock-item-prev,
+.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
+.p-dock.p-dock-right .p-dock-item-next {
+ margin: 1.3rem 0;
+}
+.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
+ margin: 1.5rem 0;
+}
+
+@media screen and (max-width: 960px) {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
+ overflow-x: auto;
+ width: 100%;
+ }
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
+ margin: 0 auto;
+ }
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
+ overflow-y: auto;
+ height: 100%;
+ }
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
+ margin: auto 0;
+ }
+ .p-dock .p-dock-list .p-dock-item {
+ transform: none;
+ margin: 0;
+ }
+}
+.p-megamenu {
+ padding: 0.5rem;
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+}
+.p-megamenu .p-megamenu-root-list {
+ outline: 0 none;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content {
+ color: #333333;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #eaeaea;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #333333;
+ background: #d6d6d6;
+}
+.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: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;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.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: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-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-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-megamenu .p-submenu-list {
+ padding: 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-submenu-list .p-menuitem-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0;
+}
+.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-menu {
+ padding: 0;
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ width: 12.5rem;
+}
+.p-menu .p-menuitem > .p-menuitem-content {
+ color: #333333;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.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: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;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #333333;
+ background: #f4f4f4;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.p-menu .p-menuitem-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+
+.p-menubar {
+ padding: 0.5rem;
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+}
+.p-menubar .p-menubar-root-list {
+ outline: 0 none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
+ color: #333333;
+ 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-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.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-menubar-root-list > .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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.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-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 > .p-menuitem-content {
+ color: #333333;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.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-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 {
+ padding: 0;
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ width: 12.5rem;
+}
+.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;
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
+ color: #333333;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
+ color: #333333;
+ background: #eaeaea;
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
+ padding: 0;
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 2.571rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 4.285rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 5.999rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 7.713rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 9.427rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
+.p-panelmenu .p-panelmenu-header {
+ outline: 0 none;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
+ border: 1px solid #c8c8c8;
+ color: #333333;
+ background: #f4f4f4;
+ border-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.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: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:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
+ border-color: #005b9f;
+ background: #005b9f;
+ color: #ffffff;
+}
+.p-panelmenu .p-panelmenu-content {
+ padding: 0;
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ color: #333333;
+ border-top: 0;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+.p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
+ outline: 0 none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
+ color: #333333;
+ 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 {
+ padding: 0.857rem;
+ user-select: none;
+}
+.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-content .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.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-highlight > .p-menuitem-content {
+ color: #333333;
+ background: #eaeaea;
+}
+.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-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-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: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-content .p-menuitem-link .p-submenu-icon {
+ margin-right: 0.5rem;
+}
+.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 {
+ margin-bottom: 2px;
+}
+
+.p-steps .p-steps-item .p-menuitem-link {
+ background: transparent;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+ background: #ffffff;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: #333333;
+ border: 1px solid #dee2e6;
+ background: #ffffff;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: #848484;
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-steps .p-steps-item.p-highlight .p-steps-number {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-steps .p-steps-item.p-highlight .p-steps-title {
+ font-weight: 700;
+ color: #333333;
+}
+.p-steps .p-steps-item:before {
+ content: " ";
+ border-top: 1px solid #d8dae2;
+ width: 100%;
+ top: 50%;
+ left: 0;
+ display: block;
+ position: absolute;
+ margin-top: -1rem;
+}
+
+.p-tabmenu .p-tabmenu-nav {
+ background: transparent;
+ border: 0 none;
+ border-width: 1px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 2px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: 1px solid #c8c8c8;
+ border-width: 1px;
+ border-color: #c8c8c8;
+ background: #f4f4f4;
+ color: #333333;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #8dcdff;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #dbdbdb;
+ border-color: #dbdbdb;
+ color: #333333;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #007ad9;
+ border-color: #007ad9;
+ color: #ffffff;
+}
+
+.p-tieredmenu {
+ padding: 0;
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ border-radius: 3px;
+ width: 12.5rem;
+}
+.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;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #333333;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #333333;
+ background: #eaeaea;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #333333;
+}
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #eaeaea;
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #333333;
+ background: #d6d6d6;
+}
+.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-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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #333333;
+ background: #eaeaea;
+}
+.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: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-menuitem-separator {
+ border-top: 1px solid #d8dae2;
+ margin: 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
+
+.p-inline-message {
+ padding: 0.5rem;
+ margin: 0;
+ border-radius: 3px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
+
+.p-message {
+ margin: 1rem 0;
+ border-radius: 3px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-message.p-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-info .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-success .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-error .p-message-close {
+ color: #212121;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: normal;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
+
+.p-toast {
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 3px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1rem;
+ border-width: 0;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 0.5rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #7fbcec;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #b7d8b7;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #ffe399;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #f8b7bd;
+ border: 0 none;
+ border-width: 0;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #212121;
+}
+
+.p-galleria .p-galleria-close {
+ margin: 0.5rem;
+ background: transparent;
+ color: #ebedef;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #ebedef;
+}
+.p-galleria .p-galleria-item-nav {
+ background: rgba(0, 0, 0, 0.2);
+ color: #aeb6bf;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 3px;
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
+}
+.p-galleria .p-galleria-caption {
+ background: rgba(0, 0, 0, 0.5);
+ color: #ebedef;
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators {
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #f4f4f4;
+ 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: #eaeaea;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+ margin-right: 0.5rem;
+}
+.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+ margin-bottom: 0.5rem;
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-galleria .p-galleria-thumbnail-container {
+ background: rgba(0, 0, 0, 0.9);
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #aeb6bf;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+
+.p-galleria-mask {
+ --maskbg: rgba(0, 0, 0, 0.9);
+}
+
+.p-image-mask {
+ --maskbg: rgba(0, 0, 0, 0.9);
+}
+
+.p-image-preview-indicator {
+ background-color: transparent;
+ color: #f8f9fa;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+
+.p-image-preview-container:hover > .p-image-preview-indicator {
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.p-image-toolbar {
+ padding: 1rem;
+}
+
+.p-image-action.p-link {
+ color: #f8f9fa;
+ background-color: transparent;
+ width: 3rem;
+ height: 3rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-image-action.p-link:last-child {
+ margin-right: 0;
+}
+.p-image-action.p-link:hover {
+ color: #f8f9fa;
+ background-color: rgba(255, 255, 255, 0.1);
+}
+.p-image-action.p-link i {
+ font-size: 1.5rem;
+}
+
+.p-avatar {
+ background-color: #c8c8c8;
+ border-radius: 3px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
+
+.p-avatar-group .p-avatar {
+ border: 2px solid #ffffff;
+}
+
+.p-badge {
+ background: #007ad9;
+ color: #ffffff;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #607D8B;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #34A835;
+ color: #ffffff;
+}
+.p-badge.p-badge-info {
+ background-color: #007ad9;
+ color: #ffffff;
+}
+.p-badge.p-badge-warning {
+ background-color: #ffba01;
+ color: #333333;
+}
+.p-badge.p-badge-danger {
+ background-color: #e91224;
+ color: #ffffff;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
+.p-chip {
+ background-color: #c8c8c8;
+ color: #333333;
+ border-radius: 16px;
+ padding: 0 0.429rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.2145rem;
+ margin-bottom: 0.2145rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 1.929rem;
+ height: 1.929rem;
+ margin-left: -0.429rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+
+.p-inplace .p-inplace-display {
+ padding: 0.429rem 0.429rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: #eaeaea;
+ color: #333333;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #8dcdff;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 24px;
+ background: #eaeaea;
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #007ad9;
+}
+.p-progressbar .p-progressbar-label {
+ color: #ffffff;
+ line-height: 24px;
+}
+
+.p-scrolltop {
+ width: 3rem;
+ height: 3rem;
+ border-radius: 50%;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: rgba(0, 0, 0, 0.7);
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(0, 0, 0, 0.8);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: #f4f4f4;
+}
+
+.p-skeleton {
+ background-color: #eaeaea;
+ border-radius: 3px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
+}
+
+.p-tag {
+ background: #007ad9;
+ color: #ffffff;
+ font-size: 0.75rem;
+ font-weight: 700;
+ padding: 0.25rem 0.4rem;
+ border-radius: 3px;
+}
+.p-tag.p-tag-success {
+ background-color: #34A835;
+ color: #ffffff;
+}
+.p-tag.p-tag-info {
+ background-color: #007ad9;
+ color: #ffffff;
+}
+.p-tag.p-tag-warning {
+ background-color: #ffba01;
+ color: #333333;
+}
+.p-tag.p-tag-danger {
+ background-color: #e91224;
+ color: #ffffff;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
+
+.p-terminal {
+ background: #ffffff;
+ color: #333333;
+ border: 1px solid #c8c8c8;
+ padding: 0.571rem 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
+
+.p-panel .p-panel-header .p-panel-header-icon {
+ color: #848484;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: #333333;
+}
+
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ color: #848484;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #333333;
+}
+
+/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css
new file mode 100644
index 0000000..bfaf29b
--- /dev/null
+++ b/public/themes/rhea/theme.css
@@ -0,0 +1,5735 @@
+:root {
+ --surface-a: #ffffff;
+ --surface-b: #f4f4f4;
+ --surface-c: #eaeaea;
+ --surface-d: #dadada;
+ --surface-e: #ffffff;
+ --surface-f: #ffffff;
+ --text-color: #495057;
+ --text-color-secondary: #6c757d;
+ --primary-color: #7B95A3;
+ --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-0: #ffffff;
+ --surface-50: #eef1f2;
+ --surface-100: #dde2e4;
+ --surface-200: #bbc5ca;
+ --surface-300: #98a8af;
+ --surface-400: #768b95;
+ --surface-500: #546e7a;
+ --surface-600: #435862;
+ --surface-700: #324249;
+ --surface-800: #222c31;
+ --surface-900: #111618;
+ --gray-50: #eef1f2;
+ --gray-100: #dde2e4;
+ --gray-200: #bbc5ca;
+ --gray-300: #98a8af;
+ --gray-400: #768b95;
+ --gray-500: #546e7a;
+ --gray-600: #435862;
+ --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;
+ --surface-hover: #eaeaea;
+ --focus-ring: 0 0 0 0.2rem #e4e9ec;
+ --maskbg: rgba(0, 0, 0, 0.4);
+ color-scheme: light;
+}
+
+* {
+ box-sizing: border-box;
+}
+
+.p-component {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ font-weight: normal;
+}
+
+.p-component-overlay {
+ background-color: rgba(0, 0, 0, 0.4);
+ transition-duration: 0.2s;
+}
+
+.p-disabled, .p-component:disabled {
+ opacity: 0.5;
+}
+
+.p-error {
+ color: #e7a3a3;
+}
+
+.p-text-secondary {
+ color: #a6a6a6;
+}
+
+.pi {
+ font-size: 1rem;
+}
+
+.p-link {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ border-radius: 2px;
+}
+.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+
+.p-component-overlay-enter {
+ animation: p-component-overlay-enter-animation 150ms forwards;
+}
+
+.p-component-overlay-leave {
+ animation: p-component-overlay-leave-animation 150ms forwards;
+}
+
+@keyframes p-component-overlay-enter-animation {
+ from {
+ background-color: transparent;
+ }
+ to {
+ background-color: var(--maskbg);
+ }
+}
+@keyframes p-component-overlay-leave-animation {
+ from {
+ background-color: var(--maskbg);
+ }
+ to {
+ background-color: transparent;
+ }
+}
+
+:root {
+ --blue-50:#f6fbfe;
+ --blue-100:#d4edfb;
+ --blue-200:#b2e0f7;
+ --blue-300:#91d2f4;
+ --blue-400:#6fc4f0;
+ --blue-500:#4db6ed;
+ --blue-600:#419bc9;
+ --blue-700:#367fa6;
+ --blue-800:#2a6482;
+ --blue-900:#1f495f;
+ --green-50:#f7fcf9;
+ --green-100:#daeee4;
+ --green-200:#bce1ce;
+ --green-300:#9fd4b8;
+ --green-400:#81c7a3;
+ --green-500:#64ba8d;
+ --green-600:#559e78;
+ --green-700:#468263;
+ --green-800:#37664e;
+ --green-900:#284a38;
+ --yellow-50:#fffdf6;
+ --yellow-100:#fef4d5;
+ --yellow-200:#fdecb4;
+ --yellow-300:#fce493;
+ --yellow-400:#fbdb71;
+ --yellow-500:#fad350;
+ --yellow-600:#d5b344;
+ --yellow-700:#af9438;
+ --yellow-800:#8a742c;
+ --yellow-900:#645420;
+ --cyan-50:#f7fefe;
+ --cyan-100:#daf8fa;
+ --cyan-200:#bdf3f6;
+ --cyan-300:#a0edf2;
+ --cyan-400:#83e8ee;
+ --cyan-500:#66e2ea;
+ --cyan-600:#57c0c7;
+ --cyan-700:#479ea4;
+ --cyan-800:#387c81;
+ --cyan-900:#295a5e;
+ --pink-50:#fef8fc;
+ --pink-100:#fadeef;
+ --pink-200:#f7c4e2;
+ --pink-300:#f3a9d5;
+ --pink-400:#f08fc9;
+ --pink-500:#ec75bc;
+ --pink-600:#c963a0;
+ --pink-700:#a55284;
+ --pink-800:#824067;
+ --pink-900:#5e2f4b;
+ --indigo-50:#f7f9fe;
+ --indigo-100:#d6e4f8;
+ --indigo-200:#b6cef2;
+ --indigo-300:#96b8ec;
+ --indigo-400:#75a3e7;
+ --indigo-500:#558de1;
+ --indigo-600:#4878bf;
+ --indigo-700:#3c639e;
+ --indigo-800:#2f4e7c;
+ --indigo-900:#22385a;
+ --teal-50:#f6fbfa;
+ --teal-100:#d4ebe7;
+ --teal-200:#b2dbd4;
+ --teal-300:#90ccc1;
+ --teal-400:#6ebcae;
+ --teal-500:#4cac9b;
+ --teal-600:#419284;
+ --teal-700:#35786d;
+ --teal-800:#2a5f55;
+ --teal-900:#1e453e;
+ --orange-50:#fefbf6;
+ --orange-100:#fbebd2;
+ --orange-200:#f9dbae;
+ --orange-300:#f6cb8a;
+ --orange-400:#f3bb67;
+ --orange-500:#f0ab43;
+ --orange-600:#cc9139;
+ --orange-700:#a8782f;
+ --orange-800:#845e25;
+ --orange-900:#60441b;
+ --bluegray-50:#f9fafa;
+ --bluegray-100:#e0e5e9;
+ --bluegray-200:#c8d1d7;
+ --bluegray-300:#b0bdc5;
+ --bluegray-400:#97a8b4;
+ --bluegray-500:#7f94a2;
+ --bluegray-600:#6c7e8a;
+ --bluegray-700:#596871;
+ --bluegray-800:#465159;
+ --bluegray-900:#333b41;
+ --purple-50:#fbf8fc;
+ --purple-100:#ecddf1;
+ --purple-200:#ddc2e6;
+ --purple-300:#cea7dc;
+ --purple-400:#bf8cd1;
+ --purple-500:#b071c6;
+ --purple-600:#9660a8;
+ --purple-700:#7b4f8b;
+ --purple-800:#613e6d;
+ --purple-900:#462d4f;
+ --red-50:#fff7f5;
+ --red-100:#ffd7cf;
+ --red-200:#ffb7a8;
+ --red-300:#ff9782;
+ --red-400:#ff775b;
+ --red-500:#ff5735;
+ --red-600:#d94a2d;
+ --red-700:#b33d25;
+ --red-800:#8c301d;
+ --red-900:#662315;
+ --primary-50:#f8fafa;
+ --primary-100:#dfe6e9;
+ --primary-200:#c6d1d7;
+ --primary-300:#adbdc6;
+ --primary-400:#94a9b4;
+ --primary-500:#7b95a3;
+ --primary-600:#697f8b;
+ --primary-700:#566872;
+ --primary-800:#44525a;
+ --primary-900:#313c41;
+}
+
+.p-autocomplete .p-autocomplete-loader {
+ right: 0.429rem;
+}
+.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
+ right: 2.786rem;
+}
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
+ border-color: #a6a6a6;
+}
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+ border-color: #7B95A3;
+}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.2145rem 0.429rem;
+ gap: 0.5rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+ padding: 0.2145rem 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #666666;
+ padding: 0;
+ margin: 0;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
+ padding: 0.2145rem 0.429rem;
+ background: #dadada;
+ color: #666666;
+ border-radius: 16px;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+ margin-left: 0.5rem;
+}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #cbcbcb;
+ color: #666666;
+}
+.p-autocomplete.p-invalid.p-component > .p-inputtext {
+ border-color: #e7a3a3;
+}
+
+.p-autocomplete-panel {
+ background: #ffffff;
+ color: #666666;
+ border: 1px solid #eaeaea;
+ border-radius: 2px;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-autocomplete-panel .p-autocomplete-items {
+ padding: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #666666;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
+ color: #385048;
+ background: #AFD3C8;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: #aed3c7;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #666666;
+ background: #e0e0e0;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #666666;
+ background: #f4f4f4;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #666666;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+
+.p-calendar.p-invalid.p-component > .p-inputtext {
+ border-color: #e7a3a3;
+}
+
+.p-datepicker {
+ padding: 0.857rem;
+ background: #ffffff;
+ color: #666666;
+ border: 1px solid #dadada;
+ border-radius: 2px;
+}
+.p-datepicker:not(.p-datepicker-inline) {
+ background: #ffffff;
+ border: 1px solid #eaeaea;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+ background: #ffffff;
+}
+.p-datepicker .p-datepicker-header {
+ padding: 0.5rem;
+ color: #666666;
+ background: #ffffff;
+ font-weight: 700;
+ margin: 0;
+ border-bottom: 0 none;
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
+ color: #666666;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
+.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.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: #666666;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ font-weight: 700;
+ padding: 0.5rem;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
+ color: #7B95A3;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+ margin-right: 0.5rem;
+}
+.p-datepicker table {
+ font-size: 1rem;
+ margin: 0.857rem 0;
+}
+.p-datepicker table th {
+ padding: 0.5rem;
+}
+.p-datepicker table th > span {
+ width: 2.5rem;
+ height: 2.5rem;
+}
+.p-datepicker table td {
+ padding: 0.5rem;
+}
+.p-datepicker table td > span {
+ width: 2.5rem;
+ height: 2.5rem;
+ border-radius: 2px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border: 1px solid transparent;
+}
+.p-datepicker table td > span.p-highlight {
+ color: #385048;
+ background: #AFD3C8;
+}
+.p-datepicker table td > span:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-datepicker table td.p-datepicker-today > span {
+ background: #d0d0d0;
+ color: #666666;
+ border-color: transparent;
+}
+.p-datepicker table td.p-datepicker-today > span.p-highlight {
+ color: #385048;
+ background: #AFD3C8;
+}
+.p-datepicker .p-datepicker-buttonbar {
+ padding: 0.857rem 0 0.429rem 0;
+ border-top: 1px solid #dadada;
+}
+.p-datepicker .p-datepicker-buttonbar .p-button {
+ width: auto;
+}
+.p-datepicker .p-timepicker {
+ border-top: 1px solid #dadada;
+ padding: 0.857rem 0 0.429rem 0;
+}
+.p-datepicker .p-timepicker button {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ 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: #666666;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datepicker .p-timepicker button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-datepicker .p-timepicker button:last-child {
+ margin-top: 0.2em;
+}
+.p-datepicker .p-timepicker span {
+ font-size: 1.286rem;
+}
+.p-datepicker .p-timepicker > div {
+ padding: 0 0.429rem;
+}
+.p-datepicker.p-datepicker-timeonly .p-timepicker {
+ border-top: 0 none;
+}
+.p-datepicker .p-monthpicker {
+ margin: 0.857rem 0;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month {
+ padding: 0.5rem;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 2px;
+}
+.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
+ color: #385048;
+ background: #AFD3C8;
+}
+.p-datepicker .p-yearpicker {
+ margin: 0.857rem 0;
+}
+.p-datepicker .p-yearpicker .p-yearpicker-year {
+ padding: 0.5rem;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 2px;
+}
+.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
+ color: #385048;
+ background: #AFD3C8;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
+ border-left: 1px solid #dadada;
+ padding-right: 0.857rem;
+ padding-left: 0.857rem;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
+ padding-left: 0;
+ border-left: 0 none;
+}
+.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
+ padding-right: 0;
+}
+.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+ background: #f4f4f4;
+}
+.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 #e4e9ec;
+}
+.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
+ background: #f4f4f4;
+}
+.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 #e4e9ec;
+}
+.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
+ background: #f4f4f4;
+}
+.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 #e4e9ec;
+}
+
+@media screen and (max-width: 769px) {
+ .p-datepicker table th, .p-datepicker table td {
+ padding: 0.25rem;
+ }
+}
+.p-cascadeselect {
+ background: #ffffff;
+ border: 1px solid #dadada;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 2px;
+}
+.p-cascadeselect:not(.p-disabled):hover {
+ border-color: #a6a6a6;
+}
+.p-cascadeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+ border-color: #7B95A3;
+}
+.p-cascadeselect .p-cascadeselect-label {
+ background: transparent;
+ border: 0 none;
+ padding: 0.429rem 0.429rem;
+}
+.p-cascadeselect .p-cascadeselect-label.p-placeholder {
+ color: #a6a6a6;
+}
+.p-cascadeselect .p-cascadeselect-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-cascadeselect .p-cascadeselect-trigger {
+ background: transparent;
+ color: #a6a6a6;
+ width: 2.357rem;
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+.p-cascadeselect.p-invalid.p-component {
+ border-color: #e7a3a3;
+}
+
+.p-cascadeselect-panel {
+ background: #ffffff;
+ color: #666666;
+ border: 1px solid #eaeaea;
+ border-radius: 2px;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-cascadeselect-panel .p-cascadeselect-items {
+ padding: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
+ margin: 0;
+ border: 0 none;
+ color: #666666;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+ color: #385048;
+ background: #AFD3C8;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: #aed3c7;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #666666;
+ background: #e0e0e0;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #666666;
+ background: #f4f4f4;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.429rem 0.857rem;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+ font-size: 0.875rem;
+}
+
+.p-input-filled .p-cascadeselect {
+ background: #f4f4f4;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
+
+.p-checkbox {
+ width: 20px;
+ height: 20px;
+}
+.p-checkbox .p-checkbox-box {
+ border: 1px solid #dadada;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: #666666;
+ border-radius: 2px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-checkbox .p-checkbox-box .p-checkbox-icon {
+ transition-duration: 0.2s;
+ color: #ffffff;
+ font-size: 14px;
+}
+.p-checkbox .p-checkbox-box.p-highlight {
+ border-color: #7B95A3;
+ background: #7B95A3;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ border-color: #a6a6a6;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+ border-color: #7B95A3;
+}
+.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ border-color: #617c8a;
+ background: #617c8a;
+ color: #ffffff;
+}
+.p-checkbox.p-invalid > .p-checkbox-box {
+ border-color: #e7a3a3;
+}
+
+.p-input-filled .p-checkbox .p-checkbox-box {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
+ background: #7B95A3;
+}
+.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+ background: #617c8a;
+}
+
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
+ border-color: #a6a6a6;
+}
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+ border-color: #7B95A3;
+}
+.p-chips .p-chips-multiple-container {
+ padding: 0.2145rem 0.429rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #dadada;
+ color: #666666;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #cbcbcb;
+ color: #666666;
+}
+.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+ margin-left: 0.5rem;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token {
+ padding: 0.2145rem 0;
+}
+.p-chips .p-chips-multiple-container .p-chips-input-token input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #666666;
+ padding: 0;
+ margin: 0;
+}
+.p-chips.p-invalid.p-component > .p-inputtext {
+ border-color: #e7a3a3;
+}
+
+.p-colorpicker-preview {
+ width: 2rem;
+ height: 2rem;
+}
+
+.p-colorpicker-panel {
+ background: #323232;
+ border: 1px solid #191919;
+}
+.p-colorpicker-panel .p-colorpicker-color-handle,
+.p-colorpicker-panel .p-colorpicker-hue-handle {
+ border-color: #ffffff;
+}
+
+.p-colorpicker-overlay-panel {
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+
+.p-dropdown {
+ background: #ffffff;
+ border: 1px solid #dadada;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 2px;
+}
+.p-dropdown:not(.p-disabled):hover {
+ border-color: #a6a6a6;
+}
+.p-dropdown:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+ border-color: #7B95A3;
+}
+.p-dropdown.p-dropdown-clearable .p-dropdown-label {
+ padding-right: 1.429rem;
+}
+.p-dropdown .p-dropdown-label {
+ background: transparent;
+ border: 0 none;
+}
+.p-dropdown .p-dropdown-label.p-placeholder {
+ color: #a6a6a6;
+}
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
+ outline: 0 none;
+ box-shadow: none;
+}
+.p-dropdown .p-dropdown-trigger {
+ background: transparent;
+ color: #a6a6a6;
+ width: 2.357rem;
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+.p-dropdown .p-dropdown-clear-icon {
+ color: #a6a6a6;
+ right: 2.357rem;
+}
+.p-dropdown.p-invalid.p-component {
+ border-color: #e7a3a3;
+}
+
+.p-dropdown-panel {
+ background: #ffffff;
+ color: #666666;
+ border: 1px solid #eaeaea;
+ border-radius: 2px;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-dropdown-panel .p-dropdown-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #dadada;
+ color: #666666;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+ padding-right: 1.429rem;
+ margin-right: -1.429rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+ right: 0.429rem;
+ color: #a6a6a6;
+}
+.p-dropdown-panel .p-dropdown-items {
+ padding: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #666666;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
+ color: #385048;
+ background: #AFD3C8;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: #aed3c7;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #666666;
+ background: #e0e0e0;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #666666;
+ background: #f4f4f4;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #666666;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #666666;
+ background: transparent;
+}
+
+.p-input-filled .p-dropdown {
+ background: #f4f4f4;
+}
+.p-input-filled .p-dropdown:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+ background-color: transparent;
+}
+
+.p-editor-container .p-editor-toolbar {
+ background: #7B95A3;
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px;
+}
+.p-editor-container .p-editor-toolbar.ql-snow {
+ border: 1px solid #7B95A3;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
+ stroke: #a6a6a6;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
+ fill: #a6a6a6;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
+ border: 0 none;
+ color: #a6a6a6;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+ color: #666666;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+ stroke: #666666;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+ fill: #666666;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+ color: #666666;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+ stroke: #666666;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+ fill: #666666;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+ background: #ffffff;
+ border: 1px solid #eaeaea;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 2px;
+ padding: 0;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+ color: #666666;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+ color: #666666;
+ background: #f4f4f4;
+}
+.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+ padding: 0.429rem 0.857rem;
+}
+.p-editor-container .p-editor-content {
+ border-bottom-right-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+.p-editor-container .p-editor-content.ql-snow {
+ border: 1px solid #dadada;
+}
+.p-editor-container .p-editor-content .ql-editor {
+ background: #ffffff;
+ color: #666666;
+ border-bottom-right-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover,
+.p-editor-container .ql-snow.ql-toolbar button:focus {
+ color: #666666;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
+ stroke: #666666;
+}
+.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
+.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
+ fill: #666666;
+}
+.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;
+}
+.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;
+}
+.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;
+}
+.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;
+}
+
+.p-inputgroup-addon {
+ background: #dbdbdb;
+ color: #666666;
+ border-top: 1px solid #dadada;
+ border-left: 1px solid #dadada;
+ border-bottom: 1px solid #dadada;
+ padding: 0.429rem 0.429rem;
+ min-width: 2.357rem;
+}
+.p-inputgroup-addon:last-child {
+ border-right: 1px solid #dadada;
+}
+
+.p-inputgroup > .p-component,
+.p-inputgroup > .p-inputwrapper > .p-inputtext,
+.p-inputgroup > .p-float-label > .p-component {
+ border-radius: 0;
+ margin: 0;
+}
+.p-inputgroup > .p-component + .p-inputgroup-addon,
+.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
+.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
+ border-left: 0 none;
+}
+.p-inputgroup > .p-component:focus,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
+.p-inputgroup > .p-float-label > .p-component:focus {
+ z-index: 1;
+}
+.p-inputgroup > .p-component:focus ~ label,
+.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
+.p-inputgroup > .p-float-label > .p-component:focus ~ label {
+ z-index: 1;
+}
+
+.p-inputgroup-addon:first-child,
+.p-inputgroup button:first-child,
+.p-inputgroup input:first-child,
+.p-inputgroup > .p-inputwrapper:first-child,
+.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
+ border-top-left-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+
+.p-inputgroup .p-float-label:first-child input {
+ border-top-left-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+
+.p-inputgroup-addon:last-child,
+.p-inputgroup button:last-child,
+.p-inputgroup input:last-child,
+.p-inputgroup > .p-inputwrapper:last-child,
+.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+
+.p-inputgroup .p-float-label:last-child input {
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+
+.p-fluid .p-inputgroup .p-button {
+ width: auto;
+}
+.p-fluid .p-inputgroup .p-button.p-button-icon-only {
+ width: 2.357rem;
+}
+
+.p-inputnumber.p-invalid.p-component > .p-inputtext {
+ border-color: #e7a3a3;
+}
+
+.p-inputswitch {
+ width: 3rem;
+ height: 1.75rem;
+}
+.p-inputswitch .p-inputswitch-slider {
+ background: #ffffff;
+ 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: #7B95A3;
+ width: 1.25rem;
+ height: 1.25rem;
+ left: 0.25rem;
+ margin-top: -0.625rem;
+ border-radius: 50%;
+ transition-duration: 0.2s;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
+ transform: translateX(1.25rem);
+}
+.p-inputswitch.p-focus .p-inputswitch-slider {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
+ background: #d8dae2;
+}
+.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
+ 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;
+}
+.p-inputswitch.p-invalid {
+ border-color: #e7a3a3;
+}
+
+.p-inputtext {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ color: #666666;
+ background: #ffffff;
+ padding: 0.429rem 0.429rem;
+ border: 1px solid #dadada;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ appearance: none;
+ border-radius: 2px;
+}
+.p-inputtext:enabled:hover {
+ border-color: #a6a6a6;
+}
+.p-inputtext:enabled:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+ border-color: #7B95A3;
+}
+.p-inputtext.p-invalid.p-component {
+ border-color: #e7a3a3;
+}
+.p-inputtext.p-inputtext-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.375375rem;
+}
+.p-inputtext.p-inputtext-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 0.53625rem;
+}
+
+.p-float-label > label {
+ left: 0.429rem;
+ color: #a6a6a6;
+ transition-duration: 0.2s;
+}
+
+.p-float-label > .p-invalid + label {
+ color: #e7a3a3;
+}
+
+.p-input-icon-left > i:first-of-type {
+ left: 0.429rem;
+ color: #a6a6a6;
+}
+
+.p-input-icon-left > .p-inputtext {
+ padding-left: 1.858rem;
+}
+
+.p-input-icon-left.p-float-label > label {
+ left: 1.858rem;
+}
+
+.p-input-icon-right > i:last-of-type {
+ right: 0.429rem;
+ color: #a6a6a6;
+}
+
+.p-input-icon-right > .p-inputtext {
+ padding-right: 1.858rem;
+}
+
+::-webkit-input-placeholder {
+ color: #a6a6a6;
+}
+
+:-moz-placeholder {
+ color: #a6a6a6;
+}
+
+::-moz-placeholder {
+ color: #a6a6a6;
+}
+
+:-ms-input-placeholder {
+ color: #a6a6a6;
+}
+
+.p-input-filled .p-inputtext {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-inputtext:enabled:hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-inputtext:enabled:focus {
+ background-color: #f4f4f4;
+}
+
+.p-inputtext-sm .p-inputtext {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.375375rem;
+}
+
+.p-inputtext-lg .p-inputtext {
+ font-size: 1.25rem;
+ padding: 0.53625rem 0.53625rem;
+}
+
+.p-listbox {
+ background: #ffffff;
+ color: #666666;
+ border: 1px solid #dadada;
+ border-radius: 2px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-listbox .p-listbox-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #dadada;
+ color: #666666;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px;
+}
+.p-listbox .p-listbox-header .p-listbox-filter {
+ padding-right: 1.429rem;
+}
+.p-listbox .p-listbox-header .p-listbox-filter-icon {
+ right: 0.429rem;
+ color: #a6a6a6;
+}
+.p-listbox .p-listbox-list {
+ padding: 0;
+ outline: 0 none;
+}
+.p-listbox .p-listbox-list .p-listbox-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #666666;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
+ color: #385048;
+ background: #AFD3C8;
+}
+.p-listbox .p-listbox-list .p-listbox-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #666666;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+.p-listbox .p-listbox-list .p-listbox-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #666666;
+ background: transparent;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: #aed3c7;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #666666;
+ background: #e0e0e0;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #666666;
+ background: #f4f4f4;
+}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+ border-color: #7B95A3;
+}
+.p-listbox.p-invalid {
+ border-color: #e7a3a3;
+}
+
+.p-multiselect {
+ background: #ffffff;
+ border: 1px solid #dadada;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 2px;
+}
+.p-multiselect:not(.p-disabled):hover {
+ border-color: #a6a6a6;
+}
+.p-multiselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+ border-color: #7B95A3;
+}
+.p-multiselect .p-multiselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-multiselect .p-multiselect-label.p-placeholder {
+ color: #a6a6a6;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #dadada;
+ color: #666666;
+ border-radius: 16px;
+}
+.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+ margin-left: 0.5rem;
+}
+.p-multiselect .p-multiselect-trigger {
+ background: transparent;
+ color: #a6a6a6;
+ width: 2.357rem;
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+.p-multiselect.p-invalid.p-component {
+ border-color: #e7a3a3;
+}
+
+.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
+ padding: 0.2145rem 0.429rem;
+}
+
+.p-multiselect-panel {
+ background: #ffffff;
+ color: #666666;
+ border: 1px solid #eaeaea;
+ border-radius: 2px;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-multiselect-panel .p-multiselect-header {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #dadada;
+ color: #666666;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+ padding-right: 1.429rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+ right: 0.429rem;
+ color: #a6a6a6;
+}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ 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: #666666;
+ border-color: transparent;
+ background: transparent;
+}
+.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-multiselect-panel .p-multiselect-items {
+ padding: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #666666;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
+ color: #385048;
+ background: #AFD3C8;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: #aed3c7;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #666666;
+ background: #e0e0e0;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #666666;
+ background: #f4f4f4;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
+ margin-right: 0.5rem;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
+ margin: 0;
+ padding: 0.857rem;
+ color: #666666;
+ background: #f4f4f4;
+ font-weight: 700;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
+ padding: 0.429rem 0.857rem;
+ color: #666666;
+ background: transparent;
+}
+
+.p-input-filled .p-multiselect {
+ background: #f4f4f4;
+}
+.p-input-filled .p-multiselect:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
+
+.p-password.p-invalid.p-component > .p-inputtext {
+ border-color: #e7a3a3;
+}
+
+.p-password-panel {
+ padding: 0.571rem 1rem;
+ background: #ffffff;
+ color: #666666;
+ border: 1px solid #f1f1f1;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 2px;
+}
+.p-password-panel .p-password-meter {
+ margin-bottom: 0.5rem;
+ background: #efefef;
+}
+.p-password-panel .p-password-meter .p-password-strength.weak {
+ 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;
+}
+
+.p-radiobutton {
+ width: 20px;
+ height: 20px;
+}
+.p-radiobutton .p-radiobutton-box {
+ border: 1px solid #dadada;
+ background: #ffffff;
+ width: 20px;
+ height: 20px;
+ color: #666666;
+ 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: #a6a6a6;
+}
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+ border-color: #7B95A3;
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+ width: 12px;
+ height: 12px;
+ transition-duration: 0.2s;
+ background-color: #ffffff;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight {
+ border-color: #7B95A3;
+ background: #7B95A3;
+}
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ border-color: #617c8a;
+ background: #617c8a;
+ color: #ffffff;
+}
+.p-radiobutton.p-invalid > .p-radiobutton-box {
+ border-color: #e7a3a3;
+}
+.p-radiobutton:focus {
+ outline: 0 none;
+}
+
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+ background: #7B95A3;
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+ background: #617c8a;
+}
+
+.p-rating {
+ gap: 0.5rem;
+}
+.p-rating .p-rating-item .p-rating-icon {
+ color: #666666;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ font-size: 1.143rem;
+}
+.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
+ color: #f3b9b9;
+}
+.p-rating .p-rating-item.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+ border-color: #7B95A3;
+}
+.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
+ color: #7B95A3;
+}
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
+ color: #7B95A3;
+}
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
+ color: #d66161;
+}
+
+.p-selectbutton .p-button {
+ background: #eaeaea;
+ border: 1px solid #eaeaea;
+ color: #333333;
+ 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: #666666;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #666666;
+}
+.p-selectbutton .p-button.p-highlight {
+ background: #AFD3C8;
+ border-color: #AFD3C8;
+ color: #385048;
+}
+.p-selectbutton .p-button.p-highlight .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight .p-button-icon-right {
+ color: #385048;
+}
+.p-selectbutton .p-button.p-highlight:hover {
+ background: #8DC8B5;
+ border-color: #8DC8B5;
+ color: #385048;
+}
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
+.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
+ color: #385048;
+}
+.p-selectbutton.p-invalid > .p-button {
+ border-color: #e7a3a3;
+}
+
+.p-slider {
+ background: #c4c4c4;
+ border: 0 none;
+ border-radius: 2px;
+}
+.p-slider.p-slider-horizontal {
+ height: 0.286rem;
+}
+.p-slider.p-slider-horizontal .p-slider-handle {
+ margin-top: -0.7145rem;
+ margin-left: -0.7145rem;
+}
+.p-slider.p-slider-vertical {
+ width: 0.286rem;
+}
+.p-slider.p-slider-vertical .p-slider-handle {
+ margin-left: -0.7145rem;
+ margin-bottom: -0.7145rem;
+}
+.p-slider .p-slider-handle {
+ height: 1.429rem;
+ width: 1.429rem;
+ background: #ffffff;
+ border: 2px solid #7f7f7f;
+ 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 #e4e9ec;
+}
+.p-slider .p-slider-range {
+ background: #7B95A3;
+}
+.p-slider:not(.p-disabled) .p-slider-handle:hover {
+ background: 2px solid #7f7f7f;
+ border-color: #7B95A3;
+}
+
+.p-treeselect {
+ background: #ffffff;
+ border: 1px solid #dadada;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 2px;
+}
+.p-treeselect:not(.p-disabled):hover {
+ border-color: #a6a6a6;
+}
+.p-treeselect:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+ border-color: #7B95A3;
+}
+.p-treeselect .p-treeselect-label {
+ padding: 0.429rem 0.429rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treeselect .p-treeselect-label.p-placeholder {
+ color: #a6a6a6;
+}
+.p-treeselect.p-treeselect-chip .p-treeselect-token {
+ padding: 0.2145rem 0.429rem;
+ margin-right: 0.5rem;
+ background: #dadada;
+ color: #666666;
+ border-radius: 16px;
+}
+.p-treeselect .p-treeselect-trigger {
+ background: transparent;
+ color: #a6a6a6;
+ width: 2.357rem;
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+.p-treeselect.p-invalid.p-component {
+ border-color: #e7a3a3;
+}
+
+.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
+ padding: 0.2145rem 0.429rem;
+}
+
+.p-treeselect-panel {
+ background: #ffffff;
+ color: #666666;
+ border: 1px solid #eaeaea;
+ border-radius: 2px;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.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.429rem 0.857rem;
+ color: #666666;
+ background: transparent;
+}
+
+.p-input-filled .p-treeselect {
+ background: #f4f4f4;
+}
+.p-input-filled .p-treeselect:not(.p-disabled):hover {
+ background-color: #f4f4f4;
+}
+.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
+ background-color: #f4f4f4;
+}
+
+.p-togglebutton.p-button {
+ background: #eaeaea;
+ border: 1px solid #eaeaea;
+ color: #333333;
+ 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: #666666;
+}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+ border-color: #7B95A3;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
+.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+ color: #666666;
+}
+.p-togglebutton.p-button.p-highlight {
+ background: #AFD3C8;
+ border-color: #AFD3C8;
+ color: #385048;
+}
+.p-togglebutton.p-button.p-highlight .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight .p-button-icon-right {
+ color: #385048;
+}
+.p-togglebutton.p-button.p-highlight:hover {
+ background: #8DC8B5;
+ border-color: #8DC8B5;
+ color: #385048;
+}
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
+.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
+ color: #385048;
+}
+.p-togglebutton.p-button.p-invalid > .p-button {
+ border-color: #e7a3a3;
+}
+
+.p-button {
+ color: #ffffff;
+ 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;
+ border-radius: 2px;
+}
+.p-button:enabled:hover {
+ background: #6c8999;
+ color: #ffffff;
+ border-color: #6c8999;
+}
+.p-button:enabled:active {
+ background: #617c8a;
+ color: #ffffff;
+ border-color: #617c8a;
+}
+.p-button.p-button-outlined {
+ background-color: transparent;
+ color: #7B95A3;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:hover {
+ background: rgba(123, 149, 163, 0.04);
+ color: #7B95A3;
+ border: 1px solid;
+}
+.p-button.p-button-outlined:enabled:active {
+ background: rgba(123, 149, 163, 0.16);
+ color: #7B95A3;
+ border: 1px solid;
+}
+.p-button.p-button-outlined.p-button-plain {
+ color: #a6a6a6;
+ border-color: #a6a6a6;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
+ background: #f4f4f4;
+ color: #a6a6a6;
+}
+.p-button.p-button-outlined.p-button-plain:enabled:active {
+ background: #dbdbdb;
+ color: #a6a6a6;
+}
+.p-button.p-button-text {
+ background-color: transparent;
+ color: #7B95A3;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:hover {
+ background: rgba(123, 149, 163, 0.04);
+ color: #7B95A3;
+ border-color: transparent;
+}
+.p-button.p-button-text:enabled:active {
+ background: rgba(123, 149, 163, 0.16);
+ color: #7B95A3;
+ border-color: transparent;
+}
+.p-button.p-button-text.p-button-plain {
+ color: #a6a6a6;
+}
+.p-button.p-button-text.p-button-plain:enabled:hover {
+ background: #f4f4f4;
+ color: #a6a6a6;
+}
+.p-button.p-button-text.p-button-plain:enabled:active {
+ background: #dbdbdb;
+ color: #a6a6a6;
+}
+.p-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
+.p-button .p-button-icon-left {
+ margin-right: 0.5rem;
+}
+.p-button .p-button-icon-right {
+ margin-left: 0.5rem;
+}
+.p-button .p-button-icon-bottom {
+ margin-top: 0.5rem;
+}
+.p-button .p-button-icon-top {
+ margin-bottom: 0.5rem;
+}
+.p-button .p-badge {
+ margin-left: 0.5rem;
+ min-width: 1rem;
+ height: 1rem;
+ line-height: 1rem;
+ color: #7B95A3;
+ background-color: #ffffff;
+}
+.p-button.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-button.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-button.p-button-icon-only {
+ width: 2.357rem;
+ padding: 0.429rem 0;
+}
+.p-button.p-button-icon-only .p-button-icon-left,
+.p-button.p-button-icon-only .p-button-icon-right {
+ margin: 0;
+}
+.p-button.p-button-icon-only.p-button-rounded {
+ border-radius: 50%;
+ height: 2.357rem;
+}
+.p-button.p-button-sm {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.875rem;
+}
+.p-button.p-button-sm .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-button.p-button-lg {
+ font-size: 1.25rem;
+ padding: 0.53625rem 1.25rem;
+}
+.p-button.p-button-lg .p-button-icon {
+ font-size: 1.25rem;
+}
+.p-button.p-button-loading-label-only .p-button-label {
+ margin-left: 0.5rem;
+}
+.p-button.p-button-loading-label-only .p-button-loading-icon {
+ margin-right: 0;
+}
+
+.p-fluid .p-button {
+ width: 100%;
+}
+.p-fluid .p-button-icon-only {
+ width: 2.357rem;
+}
+.p-fluid .p-buttonset {
+ display: flex;
+}
+.p-fluid .p-buttonset .p-button {
+ flex: 1;
+}
+
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ color: #ffffff;
+ background: #a3897b;
+ border: 1px solid #8e6f5f;
+}
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
+ background: #8e6f5f;
+ color: #ffffff;
+ border-color: #7a5743;
+}
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #bfaaa0;
+}
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
+ background: #7a5743;
+ color: #ffffff;
+ border-color: #6e4e3c;
+}
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #a3897b;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(163, 137, 123, 0.04);
+ color: #a3897b;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
+ background: rgba(163, 137, 123, 0.16);
+ color: #a3897b;
+ border: 1px solid;
+}
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ background-color: transparent;
+ color: #a3897b;
+ border-color: transparent;
+}
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
+ background: rgba(163, 137, 123, 0.04);
+ border-color: transparent;
+ color: #a3897b;
+}
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
+ background: rgba(163, 137, 123, 0.16);
+ border-color: transparent;
+ color: #a3897b;
+}
+
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ color: #3D4447;
+ background: #A3DEF8;
+ border: 1px solid #79C8EB;
+}
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
+ background: #81CBEC;
+ color: #3D4447;
+ border-color: #60B7DE;
+}
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #d2effc;
+}
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
+ background: #3ea9db;
+ color: #3D4447;
+ border-color: #2987B1;
+}
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #A3DEF8;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(163, 222, 248, 0.04);
+ color: #A3DEF8;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
+ background: rgba(163, 222, 248, 0.16);
+ color: #A3DEF8;
+ border: 1px solid;
+}
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ background-color: transparent;
+ color: #A3DEF8;
+ border-color: transparent;
+}
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
+ background: rgba(163, 222, 248, 0.04);
+ border-color: transparent;
+ color: #A3DEF8;
+}
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
+ background: rgba(163, 222, 248, 0.16);
+ border-color: transparent;
+ color: #A3DEF8;
+}
+
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ color: #323E39;
+ background: #A3E2C6;
+ border: 1px solid #80CAAA;
+}
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
+ background: #80CAAA;
+ color: #323E39;
+ border-color: #5EA285;
+}
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #caeede;
+}
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
+ 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 {
+ background-color: transparent;
+ color: #A3E2C6;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(163, 226, 198, 0.04);
+ color: #A3E2C6;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
+ background: rgba(163, 226, 198, 0.16);
+ color: #A3E2C6;
+ border: 1px solid;
+}
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ background-color: transparent;
+ color: #A3E2C6;
+ border-color: transparent;
+}
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
+ background: rgba(163, 226, 198, 0.04);
+ border-color: transparent;
+ color: #A3E2C6;
+}
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
+ background: rgba(163, 226, 198, 0.16);
+ border-color: transparent;
+ color: #A3E2C6;
+}
+
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ color: #333333;
+ background: #ffe38e;
+ border: 1px solid #ffd95e;
+}
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
+ background: #ffd95e;
+ color: #333333;
+ border-color: #ffce3c;
+}
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #ffe9a8;
+}
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
+ background: #ffce3c;
+ color: #333333;
+ border-color: #ffc62a;
+}
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #ffe38e;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(255, 227, 142, 0.04);
+ color: #ffe38e;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
+ background: rgba(255, 227, 142, 0.16);
+ color: #ffe38e;
+ border: 1px solid;
+}
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ background-color: transparent;
+ color: #ffe38e;
+ border-color: transparent;
+}
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
+ background: rgba(255, 227, 142, 0.04);
+ border-color: transparent;
+ color: #ffe38e;
+}
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
+ background: rgba(255, 227, 142, 0.16);
+ border-color: transparent;
+ color: #ffe38e;
+}
+
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ color: #333333;
+ background: #e9bef1;
+ border: 1px solid #de9eea;
+}
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
+ background: #de9eea;
+ color: #333333;
+ border-color: #d37de3;
+}
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #f0d3f6;
+}
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
+ background: #d37de3;
+ color: #333333;
+ border-color: #c85ddc;
+}
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #e9bef1;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(233, 190, 241, 0.04);
+ color: #e9bef1;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
+ background: rgba(233, 190, 241, 0.16);
+ color: #e9bef1;
+ border: 1px solid;
+}
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ background-color: transparent;
+ color: #e9bef1;
+ border-color: transparent;
+}
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
+ background: rgba(233, 190, 241, 0.04);
+ border-color: transparent;
+ color: #e9bef1;
+}
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
+ background: rgba(233, 190, 241, 0.16);
+ border-color: transparent;
+ color: #e9bef1;
+}
+
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ color: #262222;
+ background: #F4B6B6;
+ border: 1px solid #E38787;
+}
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
+ background: #EF9999;
+ color: #262222;
+ border-color: #CB5858;
+}
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
+ box-shadow: 0 0 0 0.2rem #fbe2e2;
+}
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
+ background: #EB5656;
+ color: #262222;
+ border-color: #B73737;
+}
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ background-color: transparent;
+ color: #F4B6B6;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
+ background: rgba(244, 182, 182, 0.04);
+ color: #F4B6B6;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
+ background: rgba(244, 182, 182, 0.16);
+ color: #F4B6B6;
+ border: 1px solid;
+}
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ background-color: transparent;
+ color: #F4B6B6;
+ border-color: transparent;
+}
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
+ background: rgba(244, 182, 182, 0.04);
+ border-color: transparent;
+ color: #F4B6B6;
+}
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
+ background: rgba(244, 182, 182, 0.16);
+ border-color: transparent;
+ color: #F4B6B6;
+}
+
+.p-button.p-button-link {
+ color: #617c8a;
+ background: transparent;
+ border: transparent;
+}
+.p-button.p-button-link:enabled:hover {
+ background: transparent;
+ color: #617c8a;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:hover .p-button-label {
+ text-decoration: underline;
+}
+.p-button.p-button-link:enabled:focus {
+ background: transparent;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+ border-color: transparent;
+}
+.p-button.p-button-link:enabled:active {
+ background: transparent;
+ color: #617c8a;
+ border-color: transparent;
+}
+
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: #324249;
+ color: #fff;
+}
+.p-speeddial-action:hover {
+ background: #222c31;
+ color: #fff;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
+.p-splitbutton {
+ border-radius: 2px;
+}
+.p-splitbutton.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #7B95A3;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(123, 149, 163, 0.04);
+ color: #7B95A3;
+}
+.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(123, 149, 163, 0.16);
+ color: #7B95A3;
+}
+.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
+ color: #a6a6a6;
+ border-color: #a6a6a6;
+}
+.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: #f4f4f4;
+ color: #a6a6a6;
+}
+.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: #dbdbdb;
+ color: #a6a6a6;
+}
+.p-splitbutton.p-button-text > .p-button {
+ background-color: transparent;
+ color: #7B95A3;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(123, 149, 163, 0.04);
+ color: #7B95A3;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(123, 149, 163, 0.16);
+ color: #7B95A3;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-text.p-button-plain > .p-button {
+ color: #a6a6a6;
+}
+.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: #f4f4f4;
+ color: #a6a6a6;
+}
+.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: #dbdbdb;
+ color: #a6a6a6;
+}
+.p-splitbutton.p-button-raised {
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-splitbutton.p-button-rounded {
+ border-radius: 2rem;
+}
+.p-splitbutton.p-button-rounded > .p-button {
+ border-radius: 2rem;
+}
+.p-splitbutton.p-button-sm > .p-button {
+ font-size: 0.875rem;
+ padding: 0.375375rem 0.875rem;
+}
+.p-splitbutton.p-button-sm > .p-button .p-button-icon {
+ font-size: 0.875rem;
+}
+.p-splitbutton.p-button-lg > .p-button {
+ font-size: 1.25rem;
+ padding: 0.53625rem 1.25rem;
+}
+.p-splitbutton.p-button-lg > .p-button .p-button-icon {
+ font-size: 1.25rem;
+}
+
+.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #a3897b;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(163, 137, 123, 0.04);
+ color: #a3897b;
+}
+.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(163, 137, 123, 0.16);
+ color: #a3897b;
+}
+.p-splitbutton.p-button-secondary.p-button-text > .p-button {
+ background-color: transparent;
+ color: #a3897b;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(163, 137, 123, 0.04);
+ border-color: transparent;
+ color: #a3897b;
+}
+.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(163, 137, 123, 0.16);
+ border-color: transparent;
+ color: #a3897b;
+}
+
+.p-splitbutton.p-button-info.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #A3DEF8;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(163, 222, 248, 0.04);
+ color: #A3DEF8;
+}
+.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(163, 222, 248, 0.16);
+ color: #A3DEF8;
+}
+.p-splitbutton.p-button-info.p-button-text > .p-button {
+ background-color: transparent;
+ color: #A3DEF8;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(163, 222, 248, 0.04);
+ border-color: transparent;
+ color: #A3DEF8;
+}
+.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(163, 222, 248, 0.16);
+ border-color: transparent;
+ color: #A3DEF8;
+}
+
+.p-splitbutton.p-button-success.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #A3E2C6;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(163, 226, 198, 0.04);
+ color: #A3E2C6;
+}
+.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(163, 226, 198, 0.16);
+ color: #A3E2C6;
+}
+.p-splitbutton.p-button-success.p-button-text > .p-button {
+ background-color: transparent;
+ color: #A3E2C6;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(163, 226, 198, 0.04);
+ border-color: transparent;
+ color: #A3E2C6;
+}
+.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(163, 226, 198, 0.16);
+ border-color: transparent;
+ color: #A3E2C6;
+}
+
+.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #ffe38e;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(255, 227, 142, 0.04);
+ color: #ffe38e;
+}
+.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(255, 227, 142, 0.16);
+ color: #ffe38e;
+}
+.p-splitbutton.p-button-warning.p-button-text > .p-button {
+ background-color: transparent;
+ color: #ffe38e;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(255, 227, 142, 0.04);
+ border-color: transparent;
+ color: #ffe38e;
+}
+.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(255, 227, 142, 0.16);
+ border-color: transparent;
+ color: #ffe38e;
+}
+
+.p-splitbutton.p-button-help.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #e9bef1;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(233, 190, 241, 0.04);
+ color: #e9bef1;
+}
+.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(233, 190, 241, 0.16);
+ color: #e9bef1;
+}
+.p-splitbutton.p-button-help.p-button-text > .p-button {
+ background-color: transparent;
+ color: #e9bef1;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(233, 190, 241, 0.04);
+ border-color: transparent;
+ color: #e9bef1;
+}
+.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(233, 190, 241, 0.16);
+ border-color: transparent;
+ color: #e9bef1;
+}
+
+.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
+ background-color: transparent;
+ color: #F4B6B6;
+ border: 1px solid;
+}
+.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(244, 182, 182, 0.04);
+ color: #F4B6B6;
+}
+.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(244, 182, 182, 0.16);
+ color: #F4B6B6;
+}
+.p-splitbutton.p-button-danger.p-button-text > .p-button {
+ background-color: transparent;
+ color: #F4B6B6;
+ border-color: transparent;
+}
+.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+ background: rgba(244, 182, 182, 0.04);
+ border-color: transparent;
+ color: #F4B6B6;
+}
+.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+ background: rgba(244, 182, 182, 0.16);
+ border-color: transparent;
+ color: #F4B6B6;
+}
+
+.p-carousel .p-carousel-content .p-carousel-prev,
+.p-carousel .p-carousel-content .p-carousel-next {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin: 0.5rem;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
+.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
+ color: #666666;
+ border-color: transparent;
+ background: transparent;
+}
+.p-carousel .p-carousel-content .p-carousel-prev:focus,
+.p-carousel .p-carousel-content .p-carousel-next:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-carousel .p-carousel-indicators {
+ padding: 1rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator {
+ margin-right: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+ background-color: #7B95A3;
+ 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: #617c8a;
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background: #AFD3C8;
+ color: #385048;
+}
+
+.p-datatable .p-paginator-top {
+ border-width: 1px 1px 0 1px;
+ border-radius: 0;
+}
+.p-datatable .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+ border-radius: 0;
+}
+.p-datatable .p-datatable-header {
+ background: #7B95A3;
+ color: #ffffff;
+ border: 1px solid #7B95A3;
+ border-width: 1px 1px 0 1px;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-datatable .p-datatable-footer {
+ background: #ffffff;
+ color: #666666;
+ border: 1px solid #dadada;
+ border-width: 0 1px 1px 1px;
+ padding: 0.571rem 1rem;
+ font-weight: normal;
+}
+.p-datatable .p-datatable-thead > tr > th {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #dadada;
+ border-width: 1px 1px 1px 1px;
+ font-weight: 700;
+ color: #666666;
+ background: #ffffff;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tfoot > tr > td {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #dadada;
+ border-width: 1px;
+ font-weight: 700;
+ color: #666666;
+ background: #ffffff;
+}
+.p-datatable .p-sortable-column .p-sortable-column-icon {
+ color: #666666;
+ margin-left: 0.5rem;
+}
+.p-datatable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #385048;
+ background: #AFD3C8;
+ margin-left: 0.5rem;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #666666;
+}
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #666666;
+}
+.p-datatable .p-sortable-column.p-highlight {
+ background: #AFD3C8;
+ color: #385048;
+}
+.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #385048;
+}
+.p-datatable .p-sortable-column.p-highlight:hover {
+ background: #AFD3C8;
+ color: #385048;
+}
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
+ color: #385048;
+}
+.p-datatable .p-sortable-column:focus {
+ box-shadow: inset 0 0 0 0.15rem #e4e9ec;
+ outline: 0 none;
+}
+.p-datatable .p-datatable-tbody > tr {
+ background: #ffffff;
+ color: #666666;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #dadada;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
+ color: #666666;
+ border-color: transparent;
+ background: transparent;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
+ margin-right: 0.5rem;
+}
+.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
+ font-weight: 700;
+}
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid #e4e9ec;
+ outline-offset: -0.15rem;
+}
+.p-datatable .p-datatable-tbody > tr.p-highlight {
+ background: #AFD3C8;
+ color: #385048;
+}
+.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
+ 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;
+}
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #666666;
+}
+.p-datatable .p-column-resizer-helper {
+ background: #7B95A3;
+}
+.p-datatable .p-datatable-scrollable-header,
+.p-datatable .p-datatable-scrollable-footer {
+ background: #7B95A3;
+}
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-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: #ffffff;
+}
+.p-datatable .p-datatable-loading-icon {
+ font-size: 2rem;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-header {
+ border-width: 1px 1px 0 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-footer {
+ border-width: 0 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-paginator-top {
+ border-width: 0 1px 0 1px;
+}
+.p-datatable.p-datatable-gridlines .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
+ border-width: 1px 1px 1px 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
+ border-width: 1px;
+}
+.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
+ border-width: 1px;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
+ background: #f8f8f8;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
+ background: #AFD3C8;
+ color: #385048;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
+ color: #385048;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
+ color: #385048;
+}
+.p-datatable.p-datatable-sm .p-datatable-header {
+ padding: 0.72845rem 0.85rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
+ padding: 0.48535rem 0.85rem;
+}
+.p-datatable.p-datatable-sm .p-datatable-footer {
+ padding: 0.48535rem 0.85rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-header {
+ padding: 1.07125rem 1.25rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
+ padding: 0.71375rem 1.25rem;
+}
+.p-datatable.p-datatable-lg .p-datatable-footer {
+ padding: 0.71375rem 1.25rem;
+}
+
+.p-dataview .p-paginator-top {
+ border-width: 1px 1px 0 1px;
+ border-radius: 0;
+}
+.p-dataview .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+ border-radius: 0;
+}
+.p-dataview .p-dataview-header {
+ background: #7B95A3;
+ color: #ffffff;
+ border: 1px solid #7B95A3;
+ border-width: 1px 1px 0 1px;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-dataview .p-dataview-content {
+ background: #ffffff;
+ color: #666666;
+ border: 0 none;
+ padding: 0;
+}
+.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
+ border: 1px solid #dadada;
+ border-width: 0 0 1px 0;
+}
+.p-dataview .p-dataview-footer {
+ background: #ffffff;
+ color: #666666;
+ border: 1px solid #dadada;
+ border-width: 0 1px 1px 1px;
+ padding: 0.571rem 1rem;
+ font-weight: normal;
+ border-bottom-left-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+
+.p-column-filter-row .p-column-filter-menu-button,
+.p-column-filter-row .p-column-filter-clear-button {
+ margin-left: 0.5rem;
+}
+
+.p-column-filter-menu-button {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-menu-button:hover {
+ color: #666666;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+ background: transparent;
+ 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;
+ color: #385048;
+}
+.p-column-filter-menu-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+
+.p-column-filter-clear-button {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-column-filter-clear-button:hover {
+ color: #666666;
+ border-color: transparent;
+ background: transparent;
+}
+.p-column-filter-clear-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+
+.p-column-filter-overlay {
+ background: #ffffff;
+ color: #666666;
+ border: 1px solid #eaeaea;
+ border-radius: 2px;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+ min-width: 12.5rem;
+}
+.p-column-filter-overlay .p-column-filter-row-items {
+ padding: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+ margin: 0;
+ padding: 0.429rem 0.857rem;
+ border: 0 none;
+ color: #666666;
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+ color: #385048;
+ 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;
+ background: #f4f4f4;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #e4e9ec;
+}
+.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+ border-top: 1px solid #dadada;
+ margin: 0;
+}
+
+.p-column-filter-overlay-menu .p-column-filter-operator {
+ padding: 0.429rem 0.857rem;
+ border-bottom: 1px solid #dadada;
+ color: #666666;
+ background: #ffffff;
+ margin: 0;
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint {
+ padding: 0.571rem 1rem;
+ border-bottom: 1px solid #dadada;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+ margin-bottom: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+ margin-top: 0.5rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
+ border-bottom: 0 none;
+}
+.p-column-filter-overlay-menu .p-column-filter-add-rule {
+ padding: 0.571rem 1rem;
+}
+.p-column-filter-overlay-menu .p-column-filter-buttonbar {
+ padding: 0.571rem 1rem;
+}
+
+.fc {
+ /* FullCalendar 4 */
+ /* FullCalendar 5 */
+}
+.fc.fc-unthemed .fc-view-container th {
+ background: #7B95A3;
+ border: 1px solid #7B95A3;
+ color: #ffffff;
+}
+.fc.fc-unthemed .fc-view-container td.fc-widget-content {
+ border: 1px solid #dadada;
+ color: #666666;
+}
+.fc.fc-unthemed .fc-view-container td.fc-head-container {
+ border: 1px solid #7B95A3;
+}
+.fc.fc-unthemed .fc-view-container .fc-view {
+ background: #ffffff;
+}
+.fc.fc-unthemed .fc-view-container .fc-row {
+ border-right: 1px solid #7B95A3;
+}
+.fc.fc-unthemed .fc-view-container .fc-event {
+ background: #AFD3C8;
+ border: 1px solid #6c8999;
+ color: #385048;
+}
+.fc.fc-unthemed .fc-view-container .fc-divider {
+ background: #7B95A3;
+ border: 1px solid #7B95A3;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button {
+ color: #ffffff;
+ background: #7B95A3;
+ border: 1px solid #7B95A3;
+ font-size: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 2px;
+ display: flex;
+ align-items: center;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover {
+ background: #6c8999;
+ color: #ffffff;
+ border-color: #6c8999;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active {
+ background: #617c8a;
+ color: #ffffff;
+ border-color: #617c8a;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "\e900";
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "\e901";
+}
+.fc.fc-unthemed .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #eaeaea;
+ border: 1px solid #eaeaea;
+ color: #333333;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #AFD3C8;
+ border-color: #AFD3C8;
+ color: #385048;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #8DC8B5;
+ border-color: #8DC8B5;
+ color: #385048;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+ z-index: 1;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button {
+ border-radius: 0;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid {
+ border-color: #dadada;
+}
+.fc.fc-theme-standard .fc-view-harness th {
+ background: #7B95A3;
+ border-color: #7B95A3;
+ color: #ffffff;
+}
+.fc.fc-theme-standard .fc-view-harness td {
+ color: #666666;
+ border-color: #dadada;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-view {
+ background: #ffffff;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover {
+ background: none;
+ border: 0 none;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header {
+ border: 1px solid #7B95A3;
+ padding: 0.857rem 1rem;
+ background: #7B95A3;
+ color: #ffffff;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close {
+ opacity: 1;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ overflow: hidden;
+ font-family: "PrimeIcons" !important;
+ font-size: 1rem;
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before {
+ content: "\e90b";
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:hover {
+ color: #666666;
+ border-color: transparent;
+ background: transparent;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body {
+ padding: 0.571rem 1rem;
+ border: 1px solid #dadada;
+ background: #ffffff;
+ color: #666666;
+ border-top: 0 none;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
+ color: #385048;
+ background: #AFD3C8;
+ border-color: #6c8999;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main {
+ color: #385048;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot {
+ background: #AFD3C8;
+ border-color: #6c8999;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
+ background: #f4f4f4;
+ color: #666666;
+}
+.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
+ background: #7B95A3;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button {
+ color: #ffffff;
+ background: #7B95A3;
+ border: 1px solid #7B95A3;
+ font-size: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 2px;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
+ background: #6c8999;
+ color: #ffffff;
+ border-color: #6c8999;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active {
+ background: #617c8a;
+ color: #ffffff;
+ border-color: #617c8a;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:disabled {
+ opacity: 0.5;
+ color: #ffffff;
+ background: #7B95A3;
+ border: 1px solid #7B95A3;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+ content: "\e900";
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right {
+ font-family: "PrimeIcons" !important;
+ text-indent: 0;
+ font-size: 1rem;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+ content: "\e901";
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button {
+ background: #eaeaea;
+ border: 1px solid #eaeaea;
+ color: #333333;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
+ background: #c8c8c8;
+ border-color: #c8c8c8;
+ color: #333333;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+ background: #AFD3C8;
+ border-color: #AFD3C8;
+ color: #385048;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+ background: #8DC8B5;
+ border-color: #8DC8B5;
+ color: #385048;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+ z-index: 1;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button {
+ border-radius: 0;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child {
+ border-top-left-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child {
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+.fc.fc-theme-standard .fc-highlight {
+ color: #385048;
+ background: #AFD3C8;
+}
+
+.p-orderlist .p-orderlist-controls {
+ padding: 0.571rem 1rem;
+}
+.p-orderlist .p-orderlist-controls .p-button {
+ margin-bottom: 0.5rem;
+}
+.p-orderlist .p-orderlist-header {
+ background: #7B95A3;
+ color: #ffffff;
+ border: 1px solid #7B95A3;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-bottom: 0 none;
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px;
+}
+.p-orderlist .p-orderlist-list {
+ border: 1px solid #dadada;
+ background: #ffffff;
+ color: #666666;
+ padding: 0;
+ border-bottom-right-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #666666;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+ background: #f4f4f4;
+ color: #666666;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #e4e9ec;
+}
+.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
+ color: #385048;
+ background: #AFD3C8;
+}
+.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
+ background: #f8f8f8;
+}
+.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
+ background: #f4f4f4;
+}
+
+.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
+ background: #f4f4f4;
+ color: #666666;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight {
+ background: #AFD3C8;
+ color: #385048;
+}
+.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+ color: #5da68f;
+}
+.p-organizationchart .p-organizationchart-line-down {
+ background: #c8c8c8;
+}
+.p-organizationchart .p-organizationchart-line-left {
+ border-right: 1px solid #dadada;
+ border-color: #c8c8c8;
+}
+.p-organizationchart .p-organizationchart-line-top {
+ border-top: 1px solid #dadada;
+ border-color: #c8c8c8;
+}
+.p-organizationchart .p-organizationchart-node-content {
+ border: 1px solid #dadada;
+ background: #ffffff;
+ color: #666666;
+ padding: 0.571rem 1rem;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
+ background: inherit;
+ color: inherit;
+ border-radius: 50%;
+}
+.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+
+.p-paginator {
+ background: #ffffff;
+ color: #666666;
+ border: solid #dadada;
+ border-width: 1px;
+ padding: 0;
+ border-radius: 2px;
+}
+.p-paginator .p-paginator-first,
+.p-paginator .p-paginator-prev,
+.p-paginator .p-paginator-next,
+.p-paginator .p-paginator-last {
+ background-color: transparent;
+ border: 0 none;
+ color: #666666;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
+.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
+ background: #f4f4f4;
+ border-color: transparent;
+ color: #666666;
+}
+.p-paginator .p-paginator-first {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.p-paginator .p-paginator-last {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+.p-paginator .p-dropdown {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+ height: 2.357rem;
+}
+.p-paginator .p-dropdown .p-dropdown-label {
+ padding-right: 0;
+}
+.p-paginator .p-paginator-page-input {
+ margin-left: 0.5rem;
+ margin-right: 0.5rem;
+}
+.p-paginator .p-paginator-page-input .p-inputtext {
+ max-width: 2.357rem;
+}
+.p-paginator .p-paginator-current {
+ background-color: transparent;
+ border: 0 none;
+ color: #666666;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ padding: 0 0.5rem;
+}
+.p-paginator .p-paginator-pages .p-paginator-page {
+ background-color: transparent;
+ border: 0 none;
+ color: #666666;
+ min-width: 2.357rem;
+ height: 2.357rem;
+ margin: 0;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
+ background: #AFD3C8;
+ border-color: #AFD3C8;
+ color: #385048;
+}
+.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
+ background: #f4f4f4;
+ border-color: transparent;
+ color: #666666;
+}
+
+.p-picklist .p-picklist-buttons {
+ padding: 0.571rem 1rem;
+}
+.p-picklist .p-picklist-buttons .p-button {
+ margin-bottom: 0.5rem;
+}
+.p-picklist .p-picklist-header {
+ background: #7B95A3;
+ color: #ffffff;
+ border: 1px solid #7B95A3;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-bottom: 0 none;
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px;
+}
+.p-picklist .p-picklist-list {
+ border: 1px solid #dadada;
+ background: #ffffff;
+ color: #666666;
+ padding: 0;
+ border-bottom-right-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+.p-picklist .p-picklist-list .p-picklist-item {
+ padding: 0.429rem 0.857rem;
+ margin: 0;
+ border: 0 none;
+ color: #666666;
+ background: transparent;
+ transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+ background: #f4f4f4;
+ color: #666666;
+}
+.p-picklist .p-picklist-list .p-picklist-item:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.15rem #e4e9ec;
+}
+.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
+ color: #385048;
+ background: #AFD3C8;
+}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: #f8f8f8;
+}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: #f4f4f4;
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 0 none;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #AFD3C8;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #c8c8c8;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
+.p-tree {
+ border: 1px solid #dadada;
+ background: #ffffff;
+ color: #666666;
+ padding: 0.571rem 1rem;
+ border-radius: 2px;
+}
+.p-tree .p-tree-container .p-treenode {
+ padding: 0.143rem;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content {
+ border-radius: 2px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ padding: 0;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
+ margin-right: 0.5rem;
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ 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: #666666;
+ border-color: transparent;
+ background: transparent;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
+ margin-right: 0.5rem;
+ color: #a6a6a6;
+}
+.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: #666666;
+}
+.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 #e4e9ec;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
+ background: #AFD3C8;
+ color: #385048;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+ color: #385048;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+ color: #385048;
+}
+.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+ background: #f4f4f4;
+ color: #666666;
+}
+.p-tree .p-tree-filter-container {
+ margin-bottom: 0.5rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter {
+ width: 100%;
+ padding-right: 1.429rem;
+}
+.p-tree .p-tree-filter-container .p-tree-filter-icon {
+ right: 0.429rem;
+ color: #a6a6a6;
+}
+.p-tree .p-treenode-children {
+ padding: 0 0 0 1rem;
+}
+.p-tree .p-tree-loading-icon {
+ font-size: 2rem;
+}
+
+.p-treetable .p-paginator-top {
+ border-width: 1px 1px 0 1px;
+ border-radius: 0;
+}
+.p-treetable .p-paginator-bottom {
+ border-width: 0 1px 1px 1px;
+ border-radius: 0;
+}
+.p-treetable .p-treetable-header {
+ background: #7B95A3;
+ color: #ffffff;
+ border: 1px solid #7B95A3;
+ border-width: 1px 1px 0 1px;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-treetable .p-treetable-footer {
+ background: #ffffff;
+ color: #666666;
+ border: 1px solid #dadada;
+ border-width: 0 1px 1px 1px;
+ padding: 0.571rem 1rem;
+ font-weight: normal;
+}
+.p-treetable .p-treetable-thead > tr > th {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #dadada;
+ border-width: 1px 1px 1px 1px;
+ font-weight: 700;
+ color: #666666;
+ background: #ffffff;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treetable .p-treetable-tfoot > tr > td {
+ text-align: left;
+ padding: 0.571rem 0.857rem;
+ border: 1px solid #dadada;
+ border-width: 1px;
+ font-weight: 700;
+ color: #666666;
+ background: #ffffff;
+}
+.p-treetable .p-sortable-column {
+ outline-color: #e4e9ec;
+}
+.p-treetable .p-sortable-column .p-sortable-column-icon {
+ color: #666666;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column .p-sortable-column-badge {
+ border-radius: 50%;
+ height: 1.143rem;
+ min-width: 1.143rem;
+ line-height: 1.143rem;
+ color: #385048;
+ background: #AFD3C8;
+ margin-left: 0.5rem;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #666666;
+}
+.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+ color: #666666;
+}
+.p-treetable .p-sortable-column.p-highlight {
+ background: #AFD3C8;
+ color: #385048;
+}
+.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
+ color: #385048;
+}
+.p-treetable .p-treetable-tbody > tr {
+ background: #ffffff;
+ color: #666666;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-treetable .p-treetable-tbody > tr > td {
+ text-align: left;
+ border: 1px solid #dadada;
+ border-width: 1px;
+ padding: 0.571rem 0.857rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
+ color: #666666;
+ border-color: transparent;
+ background: transparent;
+}
+.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.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: #666666;
+}
+.p-treetable .p-treetable-tbody > tr:focus {
+ outline: 0.15rem solid #e4e9ec;
+ outline-offset: -0.15rem;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight {
+ background: #AFD3C8;
+ color: #385048;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
+ color: #385048;
+}
+.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
+ color: #385048;
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
+ background: #eaeaea;
+ color: #666666;
+}
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+ color: #666666;
+}
+.p-treetable .p-column-resizer-helper {
+ background: #7B95A3;
+}
+.p-treetable .p-treetable-scrollable-header,
+.p-treetable .p-treetable-scrollable-footer {
+ background: #7B95A3;
+}
+.p-treetable .p-treetable-loading-icon {
+ font-size: 2rem;
+}
+.p-treetable.p-treetable-gridlines .p-datatable-header {
+ border-width: 1px 1px 0 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-footer {
+ border-width: 0 1px 1px 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-top {
+ border-width: 0 1px 0 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-bottom {
+ border-width: 0 1px 1px 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
+ border-width: 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
+ border-width: 1px;
+}
+.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
+ border-width: 1px;
+}
+.p-treetable.p-treetable-sm .p-treetable-header {
+ padding: 0.749875rem 0.875rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
+ padding: 0.48535rem 0.72845rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
+ padding: 0.48535rem 0.85rem;
+}
+.p-treetable.p-treetable-sm .p-treetable-footer {
+ padding: 0.48535rem 0.85rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-header {
+ padding: 1.07125rem 1.25rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
+ padding: 0.71375rem 1.07125rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
+ padding: 0.71375rem 1.25rem;
+}
+.p-treetable.p-treetable-lg .p-treetable-footer {
+ padding: 0.71375rem 1.25rem;
+}
+
+.p-accordion .p-accordion-header .p-accordion-header-link {
+ padding: 0.857rem 1rem;
+ border: 1px solid #7B95A3;
+ color: #ffffff;
+ background: #7B95A3;
+ font-weight: 700;
+ border-radius: 2px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+ margin-right: 0.5rem;
+}
+.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #e4e9ec;
+}
+.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
+ background: #617c8a;
+ border-color: #617c8a;
+ color: #ffffff;
+}
+.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
+ 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;
+ color: #385048;
+}
+.p-accordion .p-accordion-content {
+ padding: 0.571rem 1rem;
+ border: 1px solid #dadada;
+ background: #ffffff;
+ color: #666666;
+ border-top: 0;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ border-bottom-right-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+.p-accordion .p-accordion-tab {
+ margin-bottom: 2px;
+}
+
+.p-card {
+ background: #ffffff;
+ color: #666666;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+ border-radius: 2px;
+}
+.p-card .p-card-body {
+ padding: 1rem;
+}
+.p-card .p-card-title {
+ font-size: 1.5rem;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+.p-card .p-card-subtitle {
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+ color: #a6a6a6;
+}
+.p-card .p-card-content {
+ padding: 1rem 0;
+}
+.p-card .p-card-footer {
+ padding: 1rem 0 0 0;
+}
+
+.p-fieldset {
+ border: 1px solid #dadada;
+ background: #ffffff;
+ color: #666666;
+ border-radius: 2px;
+}
+.p-fieldset .p-fieldset-legend {
+ padding: 0.857rem 1rem;
+ border: 1px solid #7B95A3;
+ color: #ffffff;
+ background: #7B95A3;
+ font-weight: 700;
+ border-radius: 2px;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+ padding: 0;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+ padding: 0.857rem 1rem;
+ color: #ffffff;
+ border-radius: 2px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+ margin-right: 0.5rem;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: #ffffff;
+}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+ background: #617c8a;
+ border-color: #617c8a;
+ color: #ffffff;
+}
+.p-fieldset .p-fieldset-content {
+ padding: 0.571rem 1rem;
+}
+
+.p-divider .p-divider-content {
+ background-color: #ffffff;
+}
+.p-divider.p-divider-horizontal {
+ margin: 1rem 0;
+ padding: 0 1rem;
+}
+.p-divider.p-divider-horizontal:before {
+ border-top: 1px #dadada;
+}
+.p-divider.p-divider-horizontal .p-divider-content {
+ padding: 0 0.5rem;
+}
+.p-divider.p-divider-vertical {
+ margin: 0 1rem;
+ padding: 1rem 0;
+}
+.p-divider.p-divider-vertical:before {
+ border-left: 1px #dadada;
+}
+.p-divider.p-divider-vertical .p-divider-content {
+ padding: 0.5rem 0;
+}
+
+.p-panel .p-panel-header {
+ border: 1px solid #7B95A3;
+ padding: 0.857rem 1rem;
+ background: #7B95A3;
+ color: #ffffff;
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px;
+}
+.p-panel .p-panel-header .p-panel-title {
+ font-weight: 700;
+}
+.p-panel .p-panel-header .p-panel-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ 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: #666666;
+ border-color: transparent;
+ background: transparent;
+}
+.p-panel .p-panel-header .p-panel-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-panel.p-panel-toggleable .p-panel-header {
+ padding: 0.857rem 1rem;
+}
+.p-panel .p-panel-content {
+ padding: 0.571rem 1rem;
+ border: 1px solid #dadada;
+ background: #ffffff;
+ color: #666666;
+ border-bottom-right-radius: 2px;
+ border-bottom-left-radius: 2px;
+ border-top: 0 none;
+}
+.p-panel .p-panel-footer {
+ padding: 0.571rem 1rem;
+ border: 1px solid #dadada;
+ background: #ffffff;
+ color: #666666;
+ border-top: 0 none;
+}
+
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #f8f8f8;
+ border: 0 none;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+
+.p-splitter {
+ border: 1px solid #dadada;
+ background: #ffffff;
+ border-radius: 2px;
+ color: #666666;
+}
+.p-splitter .p-splitter-gutter {
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ background: #eaeaea;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+ background: #dadada;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-splitter .p-splitter-gutter-resizing {
+ background: #dadada;
+}
+
+.p-tabview .p-tabview-nav {
+ background: transparent;
+ border: 0 none;
+ border-width: 1px;
+}
+.p-tabview .p-tabview-nav li {
+ margin-right: 2px;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+ border: 1px solid #7B95A3;
+ border-width: 1px;
+ border-color: #7B95A3;
+ background: #7B95A3;
+ color: #ffffff;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #e4e9ec;
+}
+.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+ background: #617c8a;
+ border-color: #617c8a;
+ color: #ffffff;
+}
+.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+ background: #AFD3C8;
+ border-color: #dadada;
+ color: #385048;
+}
+.p-tabview .p-tabview-nav-btn.p-link {
+ 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);
+ border-radius: 0;
+}
+.p-tabview .p-tabview-nav-btn.p-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #e4e9ec;
+}
+.p-tabview .p-tabview-panels {
+ background: #ffffff;
+ padding: 0.571rem 1rem;
+ border: 1px solid #dadada;
+ color: #666666;
+ border-bottom-right-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+
+.p-toolbar {
+ background: #7B95A3;
+ border: 1px solid #7B95A3;
+ padding: 0.857rem 1rem;
+ border-radius: 2px;
+}
+.p-toolbar .p-toolbar-separator {
+ margin: 0 0.5rem;
+}
+
+.p-confirm-popup {
+ background: #ffffff;
+ color: #666666;
+ border: 1px solid #f1f1f1;
+ border-radius: 2px;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-confirm-popup .p-confirm-popup-content {
+ padding: 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer {
+ text-align: right;
+ padding: 0 1rem 0.571rem 1rem;
+}
+.p-confirm-popup .p-confirm-popup-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-confirm-popup .p-confirm-popup-footer button:last-child {
+ margin: 0;
+}
+.p-confirm-popup:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-confirm-popup:before {
+ border: solid transparent;
+ border-color: rgba(241, 241, 241, 0);
+ border-bottom-color: #f1f1f1;
+}
+.p-confirm-popup.p-confirm-popup-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-confirm-popup.p-confirm-popup-flipped:before {
+ border-top-color: #f1f1f1;
+}
+.p-confirm-popup .p-confirm-popup-icon {
+ font-size: 1.5rem;
+}
+.p-confirm-popup .p-confirm-popup-message {
+ margin-left: 1rem;
+}
+
+.p-dialog {
+ border-radius: 2px;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+ border: 1px solid #f1f1f1;
+}
+.p-dialog .p-dialog-header {
+ border-bottom: 1px solid #7B95A3;
+ background: #7B95A3;
+ color: #ffffff;
+ padding: 1rem;
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+ font-weight: 700;
+ font-size: 1rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #666666;
+ border-color: transparent;
+ background: transparent;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+ margin-right: 0;
+}
+.p-dialog .p-dialog-content {
+ background: #ffffff;
+ color: #666666;
+ padding: 1rem;
+}
+.p-dialog .p-dialog-content:last-of-type {
+ border-bottom-right-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+.p-dialog .p-dialog-footer {
+ border-top: 1px solid #dadada;
+ background: #ffffff;
+ color: #666666;
+ padding: 0.571rem 1rem;
+ text-align: right;
+ border-bottom-right-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+.p-dialog .p-dialog-footer button {
+ margin: 0 0.5rem 0 0;
+ width: auto;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
+ font-size: 2rem;
+}
+.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
+ margin-left: 1rem;
+}
+
+.p-overlaypanel {
+ background: #ffffff;
+ color: #666666;
+ border: 1px solid #f1f1f1;
+ border-radius: 2px;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-overlaypanel .p-overlaypanel-content {
+ padding: 0.571rem 1rem;
+}
+.p-overlaypanel .p-overlaypanel-close {
+ background: #7B95A3;
+ color: #ffffff;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+ position: absolute;
+ top: -1rem;
+ right: -1rem;
+}
+.p-overlaypanel .p-overlaypanel-close:enabled:hover {
+ background: #6c8999;
+ color: #ffffff;
+}
+.p-overlaypanel:after {
+ border: solid transparent;
+ border-color: rgba(255, 255, 255, 0);
+ border-bottom-color: #ffffff;
+}
+.p-overlaypanel:before {
+ border: solid transparent;
+ border-color: rgba(241, 241, 241, 0);
+ border-bottom-color: #e5e5e5;
+}
+.p-overlaypanel.p-overlaypanel-flipped:after {
+ border-top-color: #ffffff;
+}
+.p-overlaypanel.p-overlaypanel-flipped:before {
+ border-top-color: #f1f1f1;
+}
+
+.p-sidebar {
+ background: #ffffff;
+ color: #666666;
+ border: 1px solid #f1f1f1;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-sidebar .p-sidebar-header {
+ padding: 0.857rem 1rem;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close,
+.p-sidebar .p-sidebar-header .p-sidebar-icon {
+ width: 2rem;
+ height: 2rem;
+ color: #a6a6a6;
+ border: 0 none;
+ background: transparent;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
+ color: #666666;
+ border-color: transparent;
+ background: transparent;
+}
+.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
+.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-sidebar .p-sidebar-header + .p-sidebar-content {
+ padding-top: 0;
+}
+.p-sidebar .p-sidebar-content {
+ padding: 0.571rem 1rem;
+}
+
+.p-tooltip .p-tooltip-text {
+ 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;
+}
+.p-tooltip.p-tooltip-left .p-tooltip-arrow {
+ border-left-color: #AFD3C8;
+}
+.p-tooltip.p-tooltip-top .p-tooltip-arrow {
+ border-top-color: #AFD3C8;
+}
+.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
+ border-bottom-color: #AFD3C8;
+}
+
+.p-fileupload .p-fileupload-buttonbar {
+ background: #7B95A3;
+ padding: 0.857rem 1rem;
+ border: 1px solid #7B95A3;
+ color: #ffffff;
+ border-bottom: 0 none;
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px;
+ gap: 0.5rem;
+}
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-fileupload .p-fileupload-content {
+ background: #ffffff;
+ padding: 0.571rem 1rem;
+ border: 1px solid #dadada;
+ color: #666666;
+ border-bottom-right-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #dadada;
+ border-radius: 2px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
+.p-fileupload .p-progressbar {
+ height: 0.25rem;
+}
+.p-fileupload .p-fileupload-row > div {
+ padding: 0.571rem 0.857rem;
+}
+.p-fileupload.p-fileupload-advanced .p-message {
+ margin-top: 0;
+}
+
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #6c8999;
+ color: #ffffff;
+ border-color: #6c8999;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #617c8a;
+ color: #ffffff;
+ border-color: #617c8a;
+}
+
+.p-breadcrumb {
+ background: #ffffff;
+ border: 1px solid #c8c8c8;
+ border-radius: 2px;
+ padding: 0.571rem 1rem;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 2px;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
+ color: #666666;
+}
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
+ color: #666666;
+}
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
+ margin: 0 0.5rem 0 0.5rem;
+ color: #666666;
+}
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
+ color: #666666;
+}
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
+ color: #666666;
+}
+
+.p-contextmenu {
+ padding: 0;
+ background: #ffffff;
+ color: #666666;
+ border: 1px solid #eaeaea;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 2px;
+ width: 12.5rem;
+}
+.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;
+ 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 {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #666666;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #666666;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #666666;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #666666;
+ background: #eaeaea;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #666666;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #666666;
+}
+.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:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #666666;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #666666;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #666666;
+ background: #eaeaea;
+}
+.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: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-menuitem-separator {
+ border-top: 1px solid #dadada;
+ margin: 0;
+}
+.p-contextmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
+
+.p-dock .p-dock-list-container {
+ background: rgba(255, 255, 255, 0.1);
+ border: 1px solid rgba(255, 255, 255, 0.2);
+ padding: 0.5rem 0.5rem;
+ border-radius: 0.5rem;
+}
+.p-dock .p-dock-list-container .p-dock-list {
+ outline: 0 none;
+}
+.p-dock .p-dock-item {
+ padding: 0.5rem;
+ border-radius: 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-link {
+ width: 4rem;
+ height: 4rem;
+}
+.p-dock.p-dock-top .p-dock-item-second-prev,
+.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
+.p-dock.p-dock-bottom .p-dock-item-second-next {
+ margin: 0 0.9rem;
+}
+.p-dock.p-dock-top .p-dock-item-prev,
+.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
+.p-dock.p-dock-bottom .p-dock-item-next {
+ margin: 0 1.3rem;
+}
+.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
+ margin: 0 1.5rem;
+}
+.p-dock.p-dock-left .p-dock-item-second-prev,
+.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
+.p-dock.p-dock-right .p-dock-item-second-next {
+ margin: 0.9rem 0;
+}
+.p-dock.p-dock-left .p-dock-item-prev,
+.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
+.p-dock.p-dock-right .p-dock-item-next {
+ margin: 1.3rem 0;
+}
+.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
+ margin: 1.5rem 0;
+}
+
+@media screen and (max-width: 960px) {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
+ overflow-x: auto;
+ width: 100%;
+ }
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
+ margin: 0 auto;
+ }
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
+ overflow-y: auto;
+ height: 100%;
+ }
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
+ margin: auto 0;
+ }
+ .p-dock .p-dock-list .p-dock-item {
+ transform: none;
+ margin: 0;
+ }
+}
+.p-megamenu {
+ padding: 0.5rem;
+ background: #ffffff;
+ color: #666666;
+ border: 1px solid #c8c8c8;
+ border-radius: 2px;
+}
+.p-megamenu .p-megamenu-root-list {
+ outline: 0 none;
+}
+.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-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #666666;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #666666;
+ margin-right: 0.5rem;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #666666;
+}
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #666666;
+ background: #eaeaea;
+}
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #666666;
+}
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #666666;
+}
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #eaeaea;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #666666;
+ background: #e0e0e0;
+}
+.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: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;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #666666;
+ background: #eaeaea;
+}
+.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: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-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-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #666666;
+ background: #f4f4f4;
+ font-weight: 700;
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px;
+}
+.p-megamenu .p-submenu-list {
+ padding: 0;
+ width: 12.5rem;
+}
+.p-megamenu .p-submenu-list .p-menuitem-separator {
+ border-top: 1px solid #dadada;
+ margin: 0;
+}
+.p-megamenu.p-megamenu-vertical {
+ width: 12.5rem;
+ padding: 0;
+}
+.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-menu {
+ padding: 0;
+ background: #ffffff;
+ color: #666666;
+ border: 1px solid #c8c8c8;
+ border-radius: 2px;
+ width: 12.5rem;
+}
+.p-menu .p-menuitem > .p-menuitem-content {
+ color: #666666;
+ 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 {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #666666;
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #666666;
+ margin-right: 0.5rem;
+}
+.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #666666;
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #666666;
+ background: #eaeaea;
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #666666;
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #666666;
+}
+.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: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;
+ border: 1px solid #eaeaea;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+}
+.p-menu .p-submenu-header {
+ margin: 0;
+ padding: 0.857rem;
+ color: #666666;
+ background: #f4f4f4;
+ font-weight: 700;
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px;
+}
+.p-menu .p-menuitem-separator {
+ border-top: 1px solid #dadada;
+ margin: 0;
+}
+
+.p-menubar {
+ padding: 0.5rem;
+ background: #ffffff;
+ color: #666666;
+ border: 1px solid #c8c8c8;
+ border-radius: 2px;
+}
+.p-menubar .p-menubar-root-list {
+ outline: 0 none;
+}
+.p-menubar .p-menubar-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-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #666666;
+}
+.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-menubar-root-list > .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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #666666;
+ background: #eaeaea;
+}
+.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-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 > .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 > .p-menuitem-content .p-menuitem-link {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #666666;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #666666;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #666666;
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #666666;
+ background: #eaeaea;
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #666666;
+}
+.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #666666;
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #666666;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #666666;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #666666;
+ background: #eaeaea;
+}
+.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-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 {
+ padding: 0;
+ background: #ffffff;
+ border: 1px solid #eaeaea;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ width: 12.5rem;
+}
+.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;
+}
+
+@media screen and (max-width: 960px) {
+ .p-menubar {
+ position: relative;
+ }
+ .p-menubar .p-menubar-button {
+ display: flex;
+ width: 2rem;
+ height: 2rem;
+ color: #666666;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-menubar .p-menubar-button:hover {
+ color: #666666;
+ background: #eaeaea;
+ }
+ .p-menubar .p-menubar-button:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+ }
+ .p-menubar .p-menubar-root-list {
+ position: absolute;
+ display: none;
+ padding: 0;
+ background: #ffffff;
+ border: 1px solid #eaeaea;
+ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
+ width: 100%;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
+ border-top: 1px solid #dadada;
+ margin: 0;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-icon {
+ font-size: 0.875rem;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ margin-left: auto;
+ transition: transform 0.2s;
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-180deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list {
+ width: 100%;
+ position: static;
+ box-shadow: none;
+ border: 0 none;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+ transition: transform 0.2s;
+ transform: rotate(90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+ transform: rotate(-90deg);
+ }
+ .p-menubar .p-menubar-root-list .p-menuitem {
+ width: 100%;
+ position: static;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 2.571rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 4.285rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 5.999rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 7.713rem;
+ }
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+ padding-left: 9.427rem;
+ }
+ .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
+ display: flex;
+ flex-direction: column;
+ top: 100%;
+ left: 0;
+ z-index: 1;
+ }
+}
+.p-panelmenu .p-panelmenu-header {
+ outline: 0 none;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
+ border: 1px solid #7B95A3;
+ color: #ffffff;
+ background: #7B95A3;
+ border-radius: 2px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #e4e9ec;
+}
+.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: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:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
+ border-color: #8DC8B5;
+ background: #8DC8B5;
+ color: #385048;
+}
+.p-panelmenu .p-panelmenu-content {
+ padding: 0;
+ border: 1px solid #dadada;
+ background: #ffffff;
+ color: #666666;
+ border-top: 0;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ border-bottom-right-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+.p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
+ outline: 0 none;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
+ color: #666666;
+ 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 {
+ padding: 0.857rem;
+ user-select: none;
+}
+.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-content .p-menuitem-link .p-menuitem-icon {
+ color: #666666;
+ margin-right: 0.5rem;
+}
+.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-highlight > .p-menuitem-content {
+ color: #666666;
+ background: #eaeaea;
+}
+.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-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-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: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-content .p-menuitem-link .p-submenu-icon {
+ margin-right: 0.5rem;
+}
+.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 {
+ margin-bottom: 2px;
+}
+
+.p-steps .p-steps-item .p-menuitem-link {
+ background: transparent;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ border-radius: 2px;
+ background: #ffffff;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
+ color: #a6a6a6;
+ border: 1px solid #c8c8c8;
+ background: #ffffff;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ z-index: 1;
+ border-radius: 50%;
+}
+.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
+ margin-top: 0.5rem;
+ color: #a6a6a6;
+}
+.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-steps .p-steps-item.p-highlight .p-steps-number {
+ background: #AFD3C8;
+ color: #385048;
+}
+.p-steps .p-steps-item.p-highlight .p-steps-title {
+ font-weight: 700;
+ color: #666666;
+}
+.p-steps .p-steps-item:before {
+ content: " ";
+ border-top: 1px solid #dadada;
+ width: 100%;
+ top: 50%;
+ left: 0;
+ display: block;
+ position: absolute;
+ margin-top: -1rem;
+}
+
+.p-tabmenu .p-tabmenu-nav {
+ background: transparent;
+ border: 0 none;
+ border-width: 1px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
+ margin-right: 2px;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
+ border: 1px solid #7B95A3;
+ border-width: 1px;
+ border-color: #7B95A3;
+ background: #7B95A3;
+ color: #ffffff;
+ padding: 0.857rem 1rem;
+ font-weight: 700;
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px;
+ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+ margin: 0 0 -1px 0;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
+ margin-right: 0.5rem;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: inset 0 0 0 0.2rem #e4e9ec;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+ background: #617c8a;
+ border-color: #617c8a;
+ color: #ffffff;
+}
+.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
+ background: #AFD3C8;
+ border-color: #dadada;
+ color: #385048;
+}
+
+.p-tieredmenu {
+ padding: 0;
+ background: #ffffff;
+ color: #666666;
+ border: 1px solid #c8c8c8;
+ border-radius: 2px;
+ width: 12.5rem;
+}
+.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;
+ 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 {
+ padding: 0.857rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #666666;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #666666;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #666666;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #666666;
+ background: #eaeaea;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #666666;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #666666;
+}
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #eaeaea;
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #666666;
+ background: #e0e0e0;
+}
+.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-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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #666666;
+ background: #eaeaea;
+}
+.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: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-menuitem-separator {
+ border-top: 1px solid #dadada;
+ margin: 0;
+}
+.p-tieredmenu .p-submenu-icon {
+ font-size: 0.875rem;
+}
+
+.p-inline-message {
+ padding: 0.5rem;
+ margin: 0;
+ border-radius: 2px;
+}
+.p-inline-message.p-inline-message-info {
+ background: #A3DEF8;
+ border: 1px solid #79C8EB;
+ border-width: 1px;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-info .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success {
+ background: #A3E2C6;
+ border: 1px solid #A3E2C6;
+ border-width: 1px;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-success .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn {
+ background: #ffe277;
+ border: 1px solid #ffe277;
+ border-width: 1px;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-warn .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error {
+ background: #ff8b8b;
+ border: 1px solid #ff8b8b;
+ border-width: 1px;
+ color: #212121;
+}
+.p-inline-message.p-inline-message-error .p-inline-message-icon {
+ color: #212121;
+}
+.p-inline-message .p-inline-message-icon {
+ font-size: 1rem;
+ margin-right: 0.5rem;
+}
+.p-inline-message .p-inline-message-text {
+ font-size: 1rem;
+}
+.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
+ margin-right: 0;
+}
+
+.p-message {
+ margin: 1rem 0;
+ border-radius: 2px;
+}
+.p-message .p-message-wrapper {
+ padding: 1rem;
+}
+.p-message .p-message-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-message .p-message-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-message .p-message-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-message.p-message-info {
+ background: #A3DEF8;
+ border: 1px solid #79C8EB;
+ border-width: 1px;
+ color: #212121;
+}
+.p-message.p-message-info .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-info .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-success {
+ background: #A3E2C6;
+ border: 1px solid #A3E2C6;
+ border-width: 1px;
+ color: #212121;
+}
+.p-message.p-message-success .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-success .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-warn {
+ background: #ffe277;
+ border: 1px solid #ffe277;
+ border-width: 1px;
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-warn .p-message-close {
+ color: #212121;
+}
+.p-message.p-message-error {
+ background: #ff8b8b;
+ border: 1px solid #ff8b8b;
+ border-width: 1px;
+ color: #212121;
+}
+.p-message.p-message-error .p-message-icon {
+ color: #212121;
+}
+.p-message.p-message-error .p-message-close {
+ color: #212121;
+}
+.p-message .p-message-text {
+ font-size: 1rem;
+ font-weight: normal;
+}
+.p-message .p-message-icon {
+ font-size: 1.5rem;
+ margin-right: 0.5rem;
+}
+
+.p-toast {
+ opacity: 0.9;
+}
+.p-toast .p-toast-message {
+ margin: 0 0 1rem 0;
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
+ border-radius: 2px;
+}
+.p-toast .p-toast-message .p-toast-message-content {
+ padding: 1rem;
+ border-width: 0;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+ margin: 0 0 0 0.5rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+ font-size: 2rem;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+ font-weight: 700;
+}
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+ margin: 0.5rem 0 0 0;
+}
+.p-toast .p-toast-message .p-toast-icon-close {
+ width: 2rem;
+ height: 2rem;
+ border-radius: 50%;
+ background: transparent;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+ background: rgba(255, 255, 255, 0.3);
+}
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+.p-toast .p-toast-message.p-toast-message-info {
+ background: #A3DEF8;
+ border: 1px solid #79C8EB;
+ border-width: 1px;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success {
+ background: #A3E2C6;
+ border: 1px solid #A3E2C6;
+ border-width: 1px;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn {
+ background: #ffe277;
+ border: 1px solid #ffe277;
+ border-width: 1px;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error {
+ background: #ff8b8b;
+ border: 1px solid #ff8b8b;
+ border-width: 1px;
+ color: #212121;
+}
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+ color: #212121;
+}
+
+.p-galleria .p-galleria-close {
+ margin: 0.5rem;
+ background: transparent;
+ color: #ebedef;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-close .p-galleria-close-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #ebedef;
+}
+.p-galleria .p-galleria-item-nav {
+ background: rgba(0, 0, 0, 0.2);
+ color: #aeb6bf;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 2px;
+ margin: 0 0.5rem;
+}
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
+ font-size: 2rem;
+}
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
+}
+.p-galleria .p-galleria-caption {
+ background: rgba(0, 0, 0, 0.5);
+ color: #ebedef;
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators {
+ padding: 1rem;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #7B95A3;
+ 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: #617c8a;
+}
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #AFD3C8;
+ color: #385048;
+}
+.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+ margin-right: 0.5rem;
+}
+.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+ margin-bottom: 0.5rem;
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #AFD3C8;
+ color: #385048;
+}
+.p-galleria .p-galleria-thumbnail-container {
+ background: rgba(0, 0, 0, 0.9);
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #aeb6bf;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+
+.p-galleria-mask {
+ --maskbg: rgba(0, 0, 0, 0.9);
+}
+
+.p-image-mask {
+ --maskbg: rgba(0, 0, 0, 0.9);
+}
+
+.p-image-preview-indicator {
+ background-color: transparent;
+ color: #f8f9fa;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+
+.p-image-preview-container:hover > .p-image-preview-indicator {
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.p-image-toolbar {
+ padding: 1rem;
+}
+
+.p-image-action.p-link {
+ color: #f8f9fa;
+ background-color: transparent;
+ width: 3rem;
+ height: 3rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ margin-right: 0.5rem;
+}
+.p-image-action.p-link:last-child {
+ margin-right: 0;
+}
+.p-image-action.p-link:hover {
+ color: #f8f9fa;
+ background-color: rgba(255, 255, 255, 0.1);
+}
+.p-image-action.p-link i {
+ font-size: 1.5rem;
+}
+
+.p-avatar {
+ background-color: #dadada;
+ border-radius: 2px;
+}
+.p-avatar.p-avatar-lg {
+ width: 3rem;
+ height: 3rem;
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-lg .p-avatar-icon {
+ font-size: 1.5rem;
+}
+.p-avatar.p-avatar-xl {
+ width: 4rem;
+ height: 4rem;
+ font-size: 2rem;
+}
+.p-avatar.p-avatar-xl .p-avatar-icon {
+ font-size: 2rem;
+}
+
+.p-avatar-group .p-avatar {
+ border: 2px solid #ffffff;
+}
+
+.p-badge {
+ background: #7B95A3;
+ color: #ffffff;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #a3897b;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #A3E2C6;
+ color: #323E39;
+}
+.p-badge.p-badge-info {
+ background-color: #A3DEF8;
+ color: #3D4447;
+}
+.p-badge.p-badge-warning {
+ background-color: #ffe38e;
+ color: #333333;
+}
+.p-badge.p-badge-danger {
+ background-color: #F4B6B6;
+ color: #262222;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
+.p-chip {
+ background-color: #dadada;
+ color: #666666;
+ border-radius: 16px;
+ padding: 0 0.429rem;
+}
+.p-chip .p-chip-text {
+ line-height: 1.5;
+ margin-top: 0.2145rem;
+ margin-bottom: 0.2145rem;
+}
+.p-chip .p-chip-icon {
+ margin-right: 0.5rem;
+}
+.p-chip img {
+ width: 1.929rem;
+ height: 1.929rem;
+ margin-left: -0.429rem;
+ margin-right: 0.5rem;
+}
+.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
+ border-radius: 2px;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-chip .p-chip-remove-icon:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+
+.p-inplace .p-inplace-display {
+ padding: 0.429rem 0.429rem;
+ border-radius: 2px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: #f4f4f4;
+ color: #666666;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #e4e9ec;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 24px;
+ background: #efefef;
+ border-radius: 2px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #7B95A3;
+}
+.p-progressbar .p-progressbar-label {
+ color: #ffffff;
+ line-height: 24px;
+}
+
+.p-scrolltop {
+ width: 3rem;
+ height: 3rem;
+ border-radius: 50%;
+ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+}
+.p-scrolltop.p-link {
+ background: rgba(0, 0, 0, 0.7);
+}
+.p-scrolltop.p-link:hover {
+ background: rgba(0, 0, 0, 0.8);
+}
+.p-scrolltop .p-scrolltop-icon {
+ font-size: 1.5rem;
+ color: #f4f4f4;
+}
+
+.p-skeleton {
+ background-color: #dadada;
+ border-radius: 2px;
+}
+.p-skeleton:after {
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
+}
+
+.p-tag {
+ background: #7B95A3;
+ color: #ffffff;
+ font-size: 0.75rem;
+ font-weight: 700;
+ padding: 0.25rem 0.4rem;
+ border-radius: 2px;
+}
+.p-tag.p-tag-success {
+ background-color: #A3E2C6;
+ color: #323E39;
+}
+.p-tag.p-tag-info {
+ background-color: #A3DEF8;
+ color: #3D4447;
+}
+.p-tag.p-tag-warning {
+ background-color: #ffe38e;
+ color: #333333;
+}
+.p-tag.p-tag-danger {
+ background-color: #F4B6B6;
+ color: #262222;
+}
+.p-tag .p-tag-icon {
+ margin-right: 0.25rem;
+ font-size: 0.75rem;
+}
+
+.p-terminal {
+ background: #ffffff;
+ color: #666666;
+ border: 1px solid #dadada;
+ padding: 0.571rem 1rem;
+}
+.p-terminal .p-terminal-input {
+ font-size: 1rem;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
+
+.p-panel .p-panel-header .p-panel-header-icon {
+ color: #ffffff;
+}
+.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
+ color: #ffffff;
+}
+
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+ color: #ffffff;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+ color: #ffffff;
+}
+
+/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css
index e9a4e0c..ecb70f7 100644
--- a/public/themes/saga-blue/theme.css
+++ b/public/themes/saga-blue/theme.css
@@ -40,8 +40,8 @@
--surface-overlay:#ffffff;
--surface-border:#dee2e6;
--surface-hover: #e9ecef;
- --maskbg: rgba(0, 0, 0, 0.4);
--focus-ring: 0 0 0 0.2rem #a6d5fa;
+ --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light;
}
@@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
-.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.5rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #2196F3;
}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #a6d5fa;
border-color: #2196F3;
}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.25rem 0.5rem;
+ gap: 0.5rem;
+}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
@@ -265,14 +266,17 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #E3F2FD;
+ background: #dee2e6;
color: #495057;
- border-radius: 3px;
+ border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #ced4da;
+ color: #495057;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
@@ -296,14 +300,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: #495057;
- background: #e9ecef;
-}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #495057;
background: #E3F2FD;
}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: rgba(33, 150, 243, 0.24);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #495057;
+ background: #e9ecef;
+}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
@@ -494,10 +505,10 @@
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
+ border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
- border-left: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: #e9ecef;
@@ -585,22 +596,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1rem;
-}
-.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 #a6d5fa;
-}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #495057;
background: #E3F2FD;
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: rgba(33, 150, 243, 0.24);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.5rem 1rem;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@@ -637,11 +650,6 @@
border-color: #2196F3;
background: #2196F3;
}
-.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
- border-color: #0b7ad1;
- background: #0b7ad1;
- color: #ffffff;
-}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: #2196F3;
}
@@ -673,24 +681,28 @@
background: #0b7ad1;
}
-.p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.5rem;
-}
-.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #2196F3;
}
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #a6d5fa;
border-color: #2196F3;
}
+.p-chips .p-chips-multiple-container {
+ padding: 0.25rem 0.5rem;
+}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
- background: #E3F2FD;
+ background: #dee2e6;
+ color: #495057;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #ced4da;
color: #495057;
- border-radius: 3px;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@@ -752,7 +764,7 @@
.p-dropdown .p-dropdown-label.p-placeholder {
color: #6c757d;
}
-.p-dropdown .p-dropdown-label:enabled:focus {
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
@@ -795,13 +807,6 @@
right: 0.5rem;
color: #6c757d;
}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
- padding-right: 3rem;
- margin-right: -3rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
- right: 2rem;
-}
.p-dropdown-panel .p-dropdown-items {
padding: 0.5rem 0;
}
@@ -818,6 +823,13 @@
color: #495057;
background: #E3F2FD;
}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: rgba(33, 150, 243, 0.24);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
@@ -1059,7 +1071,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #0d89ec;
}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
+.p-inputswitch.p-invalid {
border-color: #f44336;
}
@@ -1101,13 +1113,11 @@
transition-duration: 0.2s;
}
-.p-float-label > label.p-error {
+.p-float-label > .p-invalid + label {
color: #f44336;
}
-.p-input-icon-left > i:first-of-type,
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > i:first-of-type {
left: 0.5rem;
color: #6c757d;
}
@@ -1120,9 +1130,7 @@
left: 2rem;
}
-.p-input-icon-right > i:last-of-type,
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: #6c757d;
}
@@ -1172,6 +1180,7 @@
color: #495057;
border: 1px solid #ced4da;
border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-listbox .p-listbox-header {
padding: 0.5rem 1rem;
@@ -1191,6 +1200,7 @@
}
.p-listbox .p-listbox-list {
padding: 0.5rem 0;
+ outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
@@ -1204,11 +1214,6 @@
color: #495057;
background: #E3F2FD;
}
-.p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a6d5fa;
-}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 0.75rem 1rem;
@@ -1221,42 +1226,27 @@
color: #495057;
background: transparent;
}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: rgba(33, 150, 243, 0.24);
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+ border-color: #2196F3;
+}
.p-listbox.p-invalid {
border-color: #f44336;
}
-.p-mention-panel {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-}
-.p-mention-panel .p-mention-items {
- padding: 0.5rem 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item:hover {
- color: #495057;
- background: #e9ecef;
-}
-.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
- color: #495057;
- background: #E3F2FD;
-}
-
.p-multiselect {
background: #ffffff;
border: 1px solid #ced4da;
@@ -1272,9 +1262,6 @@
box-shadow: 0 0 0 0.2rem #a6d5fa;
border-color: #2196F3;
}
-.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.5rem;
-}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1285,9 +1272,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
- background: #E3F2FD;
+ background: #dee2e6;
color: #495057;
- border-radius: 3px;
+ border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
@@ -1299,10 +1286,6 @@
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
-.p-multiselect .p-multiselect-clear-icon {
- color: #6c757d;
- right: 2.357rem;
-}
.p-multiselect.p-invalid.p-component {
border-color: #f44336;
}
@@ -1310,12 +1293,6 @@
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.25rem 0.5rem;
}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
- padding: 0.5rem 0.5rem;
-}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.5rem;
-}
.p-multiselect-panel {
background: #ffffff;
@@ -1333,9 +1310,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
- margin: 0 0.5rem;
-}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.5rem;
}
@@ -1343,7 +1317,11 @@
right: 0.5rem;
color: #6c757d;
}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: #6c757d;
@@ -1378,15 +1356,17 @@
color: #495057;
background: #E3F2FD;
}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: rgba(33, 150, 243, 0.24);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a6d5fa;
-}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
@@ -1438,15 +1418,6 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #689F38;
}
-.p-password-panel .p-password-info.weak {
- color: #D32F2F;
-}
-.p-password-panel .p-password-info.medium {
- color: #FBC02D;
-}
-.p-password-panel .p-password-info.strong {
- color: #689F38;
-}
.p-radiobutton {
width: 20px;
@@ -1516,10 +1487,11 @@
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #e74c3c;
}
-.p-rating .p-rating-item:focus {
+.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #a6d5fa;
+ border-color: #2196F3;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #2196F3;
@@ -1663,50 +1635,6 @@
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
-.p-treeselect-panel .p-treeselect-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: #495057;
- background: #f8f9fa;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
- margin-right: 0.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
- padding-right: 1.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.5rem;
- color: #6c757d;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 3rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 2rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- 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: #495057;
- border-color: transparent;
- background: #e9ecef;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa;
-}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
@@ -1736,6 +1664,12 @@
.p-togglebutton.p-button .p-button-icon-right {
color: #6c757d;
}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+ border-color: #2196F3;
+}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: #e9ecef;
border-color: #ced4da;
@@ -1776,12 +1710,12 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
-.p-button:enabled:hover, .p-button:not(button):not(a):not(.p-disabled):hover {
+.p-button:enabled:hover {
background: #0d89ec;
color: #ffffff;
border-color: #0d89ec;
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: #0b7ad1;
color: #ffffff;
border-color: #0b7ad1;
@@ -1791,12 +1725,12 @@
color: #2196F3;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined:enabled:hover {
background: rgba(33, 150, 243, 0.04);
color: #2196F3;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined:enabled:active {
background: rgba(33, 150, 243, 0.16);
color: #2196F3;
border: 1px solid;
@@ -1805,11 +1739,11 @@
color: #6c757d;
border-color: #6c757d;
}
-.p-button.p-button-outlined.p-button-plain:enabled:hover, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: #e9ecef;
color: #6c757d;
}
-.p-button.p-button-outlined.p-button-plain:enabled:active, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined.p-button-plain:enabled:active {
background: #dee2e6;
color: #6c757d;
}
@@ -1818,12 +1752,12 @@
color: #2196F3;
border-color: transparent;
}
-.p-button.p-button-text:enabled:hover, .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text:enabled:hover {
background: rgba(33, 150, 243, 0.04);
color: #2196F3;
border-color: transparent;
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active {
background: rgba(33, 150, 243, 0.16);
color: #2196F3;
border-color: transparent;
@@ -1831,11 +1765,11 @@
.p-button.p-button-text.p-button-plain {
color: #6c757d;
}
-.p-button.p-button-text.p-button-plain:enabled:hover, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text.p-button-plain:enabled:hover {
background: #e9ecef;
color: #6c757d;
}
-.p-button.p-button-text.p-button-plain:enabled:active, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text.p-button-plain:enabled:active {
background: #dee2e6;
color: #6c757d;
}
@@ -1844,6 +1778,9 @@
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #a6d5fa;
}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1896,20 +1833,11 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
+.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
- margin-right: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
- margin-top: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
- margin-bottom: 0.5rem;
-}
.p-button.p-button-loading-label-only .p-button-loading-icon {
- margin: 0;
+ margin-right: 0;
}
.p-fluid .p-button {
@@ -1925,295 +1853,295 @@
flex: 1;
}
-.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 {
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #607D8B;
border: 1px solid #607D8B;
}
-.p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary:enabled:hover, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #56717d;
color: #ffffff;
border-color: #56717d;
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #beccd2;
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #4d646f;
color: #ffffff;
border-color: #4d646f;
}
-.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #607D8B;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(96, 125, 139, 0.04);
color: #607D8B;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(96, 125, 139, 0.16);
color: #607D8B;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #607D8B;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-text:enabled:hover, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(96, 125, 139, 0.04);
border-color: transparent;
color: #607D8B;
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(96, 125, 139, 0.16);
border-color: transparent;
color: #607D8B;
}
-.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #0288D1;
border: 1px solid #0288D1;
}
-.p-button.p-button-info:enabled:hover, .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info:enabled:hover, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #027abc;
color: #ffffff;
border-color: #027abc;
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #89d4fe;
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #026da7;
color: #ffffff;
border-color: #026da7;
}
-.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #0288D1;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:hover, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(2, 136, 209, 0.04);
color: #0288D1;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(2, 136, 209, 0.16);
color: #0288D1;
border: 1px solid;
}
-.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #0288D1;
border-color: transparent;
}
-.p-button.p-button-info.p-button-text:enabled:hover, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(2, 136, 209, 0.04);
border-color: transparent;
color: #0288D1;
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(2, 136, 209, 0.16);
border-color: transparent;
color: #0288D1;
}
-.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #689F38;
border: 1px solid #689F38;
}
-.p-button.p-button-success:enabled:hover, .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success:enabled:hover, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #5e8f32;
color: #ffffff;
border-color: #5e8f32;
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #c2e0a8;
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #537f2d;
color: #ffffff;
border-color: #537f2d;
}
-.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #689F38;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:hover, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(104, 159, 56, 0.04);
color: #689F38;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(104, 159, 56, 0.16);
color: #689F38;
border: 1px solid;
}
-.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #689F38;
border-color: transparent;
}
-.p-button.p-button-success.p-button-text:enabled:hover, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(104, 159, 56, 0.04);
border-color: transparent;
color: #689F38;
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(104, 159, 56, 0.16);
border-color: transparent;
color: #689F38;
}
-.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529;
background: #FBC02D;
border: 1px solid #FBC02D;
}
-.p-button.p-button-warning:enabled:hover, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning:enabled:hover, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #fab710;
color: #212529;
border-color: #fab710;
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #fde6ab;
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #e8a704;
color: #212529;
border-color: #e8a704;
}
-.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #FBC02D;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(251, 192, 45, 0.04);
color: #FBC02D;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(251, 192, 45, 0.16);
color: #FBC02D;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #FBC02D;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-text:enabled:hover, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(251, 192, 45, 0.04);
border-color: transparent;
color: #FBC02D;
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(251, 192, 45, 0.16);
border-color: transparent;
color: #FBC02D;
}
-.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #9C27B0;
border: 1px solid #9C27B0;
}
-.p-button.p-button-help:enabled:hover, .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help:enabled:hover, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #8c239e;
color: #ffffff;
border-color: #8c239e;
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #df9eea;
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #7d1f8d;
color: #ffffff;
border-color: #7d1f8d;
}
-.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #9C27B0;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:hover, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(156, 39, 176, 0.04);
color: #9C27B0;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(156, 39, 176, 0.16);
color: #9C27B0;
border: 1px solid;
}
-.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #9C27B0;
border-color: transparent;
}
-.p-button.p-button-help.p-button-text:enabled:hover, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(156, 39, 176, 0.04);
border-color: transparent;
color: #9C27B0;
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(156, 39, 176, 0.16);
border-color: transparent;
color: #9C27B0;
}
-.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #D32F2F;
border: 1px solid #D32F2F;
}
-.p-button.p-button-danger:enabled:hover, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger:enabled:hover, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #c02929;
color: #ffffff;
border-color: #c02929;
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #edacac;
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #aa2424;
color: #ffffff;
border-color: #aa2424;
}
-.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #D32F2F;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(211, 47, 47, 0.04);
color: #D32F2F;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(211, 47, 47, 0.16);
color: #D32F2F;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #D32F2F;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-text:enabled:hover, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(211, 47, 47, 0.04);
border-color: transparent;
color: #D32F2F;
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(211, 47, 47, 0.16);
border-color: transparent;
color: #D32F2F;
@@ -2224,25 +2152,89 @@
background: transparent;
border: transparent;
}
-.p-button.p-button-link:enabled:hover, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-link:enabled:hover {
background: transparent;
color: #0b7ad1;
border-color: transparent;
}
-.p-button.p-button-link:enabled:hover .p-button-label, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
+.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
-.p-button.p-button-link:enabled:focus, .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: 0 0 0 0.2rem #a6d5fa;
border-color: transparent;
}
-.p-button.p-button-link:enabled:active, .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-link:enabled:active {
background: transparent;
color: #0b7ad1;
border-color: transparent;
}
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: #495057;
+ color: #fff;
+}
+.p-speeddial-action:hover {
+ background: #343a40;
+ color: #fff;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
.p-splitbutton {
border-radius: 3px;
}
@@ -2495,70 +2487,6 @@
color: #D32F2F;
}
-.p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
-}
-.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
-}
-
-.p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #495057;
- color: #fff;
-}
-.p-speeddial-action:hover {
- background: #343a40;
- color: #fff;
-}
-
-.p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
-}
-
-.p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
-}
-
-.p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
-}
-
-.p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
-}
-
-.p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
-}
-.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
-}
-
-.p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
-}
-
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
@@ -2660,11 +2588,11 @@
background: #E3F2FD;
margin-left: 0.5rem;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: #6c757d;
}
.p-datatable .p-sortable-column.p-highlight {
@@ -2674,11 +2602,11 @@
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: #2196F3;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column.p-highlight:hover {
background: #e9ecef;
color: #2196F3;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
color: #2196F3;
}
.p-datatable .p-sortable-column:focus {
@@ -2730,9 +2658,9 @@
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 600;
}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
- background: #E3F2FD;
- color: #495057;
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid #a6d5fa;
+ outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: #E3F2FD;
@@ -2744,23 +2672,7 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
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;
- color: #495057;
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
- outline: 0.15rem solid #a6d5fa;
- 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: #e9ecef;
- color: #495057;
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
- outline: 0.15rem solid #a6d5fa;
- outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
}
@@ -2800,22 +2712,31 @@
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #fcfcfc;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #E3F2FD;
color: #495057;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #495057;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #495057;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
- background: #fcfcfc;
-}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
@@ -2847,10 +2768,6 @@
padding: 1.25rem 1.25rem;
}
-.p-datatable-drag-selection-helper {
- background: rgba(33, 150, 243, 0.16);
-}
-
.p-dataview .p-paginator-top {
border-width: 0 0 1px 0;
border-radius: 0;
@@ -2887,46 +2804,6 @@
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
-.p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
-}
-
-.p-datascroller .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-datascroller-header {
- background: #f8f9fa;
- color: #495057;
- border: 1px solid #e9ecef;
- border-width: 1px 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
-}
-.p-datascroller .p-datascroller-content {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- padding: 0;
-}
-.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
- border: solid #e9ecef;
- border-width: 0 0 1px 0;
-}
-.p-datascroller .p-datascroller-footer {
- background: #f8f9fa;
- color: #495057;
- border: 1px solid #e9ecef;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
-}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
@@ -3352,19 +3229,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-orderlist .p-orderlist-filter-container {
- padding: 1rem;
- background: #ffffff;
- border: 1px solid #dee2e6;
- border-bottom: 0 none;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.5rem;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.5rem;
- color: #6c757d;
-}
.p-orderlist .p-orderlist-list {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -3401,22 +3265,6 @@
background: #e9ecef;
}
-@media screen and (max-width: 769px) {
- .p-orderlist {
- flex-direction: column;
- }
- .p-orderlist .p-orderlist-controls {
- padding: 1rem;
- flex-direction: row;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-controls .p-button:last-child {
- margin-right: 0;
- }
-}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
@@ -3495,6 +3343,7 @@
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
+ margin-right: 0.5rem;
height: 2.357rem;
}
.p-paginator .p-dropdown .p-dropdown-label {
@@ -3553,19 +3402,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-picklist .p-picklist-filter-container {
- padding: 1rem;
- background: #ffffff;
- border: 1px solid #dee2e6;
- border-bottom: 0 none;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.5rem;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.5rem;
- color: #6c757d;
-}
.p-picklist .p-picklist-list {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -3595,35 +3431,38 @@
color: #495057;
background: #E3F2FD;
}
-
-@media screen and (max-width: 769px) {
- .p-picklist {
- flex-direction: column;
- }
- .p-picklist .p-picklist-buttons {
- padding: 1rem;
- flex-direction: row;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-buttons .p-button:last-child {
- margin-right: 0;
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
- content: "\e930";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
- content: "\e92c";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
- content: "\e933";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
- content: "\e92f";
- }
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: #e9ecef;
}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: #e9ecef;
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 2px solid #2196F3;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #ffffff;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #dee2e6;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
.p-tree {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -3690,10 +3529,6 @@
background: #e9ecef;
color: #495057;
}
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: #e9ecef;
- color: #495057;
-}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
@@ -3711,12 +3546,6 @@
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
-.p-tree .p-treenode-droppoint {
- height: 0.5rem;
-}
-.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
- background: #89c8f7;
-}
.p-treetable .p-paginator-top {
border-width: 0 0 1px 0;
@@ -3842,11 +3671,11 @@
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: #495057;
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: #495057;
}
.p-treetable .p-column-resizer-helper {
@@ -3911,31 +3740,6 @@
padding: 1.25rem 1.25rem;
}
-.p-timeline .p-timeline-event-marker {
- border: 2px solid #2196F3;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #ffffff;
-}
-.p-timeline .p-timeline-event-connector {
- background-color: #dee2e6;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
-}
-
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem;
border: 1px solid #dee2e6;
@@ -3951,7 +3755,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa;
+ box-shadow: inset 0 0 0 0.2rem #a6d5fa;
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #e9ecef;
@@ -4005,7 +3809,7 @@
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
-.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-content {
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
@@ -4068,6 +3872,9 @@
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #a6d5fa;
}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: #495057;
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: #e9ecef;
border-color: #dee2e6;
@@ -4151,6 +3958,17 @@
border-top: 0 none;
}
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #f8f9fa;
+ border: 0 none;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
+
.p-splitter {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -4163,16 +3981,17 @@
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: #dee2e6;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
}
.p-splitter .p-splitter-gutter-resizing {
background: #dee2e6;
}
-.p-scrollpanel .p-scrollpanel-bar {
- background: #f8f9fa;
- border: 0 none;
-}
-
.p-tabview .p-tabview-nav {
background: #ffffff;
border: 1px solid #dee2e6;
@@ -4209,9 +4028,6 @@
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;
@@ -4464,9 +4280,12 @@
border-bottom: 0 none;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
+ gap: 0.5rem;
}
-.p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
}
.p-fileupload .p-fileupload-content {
background: #ffffff;
@@ -4476,6 +4295,22 @@
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #dee2e6;
+ border-radius: 3px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
.p-fileupload .p-progressbar {
height: 0.25rem;
}
@@ -4486,35 +4321,46 @@
margin-top: 0;
}
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #0d89ec;
+ color: #ffffff;
+ border-color: #0d89ec;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #0b7ad1;
+ color: #ffffff;
+ border-color: #0b7ad1;
+}
+
.p-breadcrumb {
background: #ffffff;
border: 1px solid #dee2e6;
border-radius: 3px;
padding: 1rem;
}
-.p-breadcrumb ul li .p-menuitem-link {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: box-shadow 0.2s;
border-radius: 3px;
}
-.p-breadcrumb ul li .p-menuitem-link:focus {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #a6d5fa;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: #495057;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: #6c757d;
}
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: #495057;
}
-.p-breadcrumb ul li:last-child .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: #495057;
}
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: #6c757d;
}
@@ -4527,39 +4373,8 @@
border-radius: 3px;
width: 12.5rem;
}
-.p-contextmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
-}
-.p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
-}
-.p-contextmenu .p-menuitem-link:focus {
+.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a6d5fa;
}
.p-contextmenu .p-submenu-list {
padding: 0.25rem 0;
@@ -4568,16 +4383,59 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-active > .p-menuitem-link {
- background: #e9ecef;
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+ color: #495057;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .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 > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #6c757d;
}
-.p-contextmenu .p-menu-separator {
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.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: #495057;
+ background: #dee2e6;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.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: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-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
@@ -4585,78 +4443,71 @@
font-size: 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-action {
+.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-link {
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 {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
- .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list {
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
- .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container {
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
- .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
- .p-dock.p-dock-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 {
+ .p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
@@ -4668,90 +4519,60 @@
border: 1px solid #dee2e6;
border-radius: 3px;
}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 3px;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .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 {
- color: #6c757d;
- margin-left: 0.5rem;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+.p-megamenu .p-megamenu-root-list {
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-active > .p-menuitem-link,
-.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- 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: #495057;
-}
-.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 > .p-menuitem-content {
color: #495057;
+ transition: box-shadow 0.2s;
border-radius: 0;
- transition: box-shadow 0.2s;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
user-select: none;
}
-.p-megamenu .p-menuitem-link .p-menuitem-text {
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #495057;
}
-.p-megamenu .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-menuitem-link .p-submenu-icon {
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #6c757d;
}
-.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #495057;
background: #e9ecef;
}
-.p-megamenu .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-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-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #e9ecef;
}
-.p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a6d5fa;
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #495057;
+ background: #dee2e6;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #495057;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.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: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-megamenu-panel {
background: #ffffff;
@@ -4759,7 +4580,7 @@
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 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;
@@ -4768,27 +4589,48 @@
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;
}
+.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-menu {
padding: 0.25rem 0;
@@ -4798,39 +4640,57 @@
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 {
+ 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;
@@ -4846,7 +4706,7 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
}
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
@@ -4858,89 +4718,89 @@
border: 1px solid #dee2e6;
border-radius: 3px;
}
-.p-menubar .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-menubar .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-menubar .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
-}
-.p-menubar .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .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 {
- color: #6c757d;
-}
-.p-menubar .p-menuitem-link:focus {
+.p-menubar .p-menubar-root-list {
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-menubar-root-list > .p-menuitem > .p-menuitem-content {
color: #495057;
- border-radius: 3px;
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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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: #6c757d;
}
-.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+.p-menubar .p-menuitem > .p-menuitem-content {
+ color: #495057;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #6c757d;
}
-.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-active > .p-menuitem-link,
-.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .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-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.p-highlight > .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-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.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-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.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: #495057;
+ background: #dee2e6;
+}
+.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-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-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-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 {
@@ -4950,22 +4810,13 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #e9ecef;
-}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.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;
-}
@media screen and (max-width: 960px) {
.p-menubar {
@@ -4997,56 +4848,22 @@
box-shadow: 0 2px 4px -1px rgba(0, 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: 100%;
}
- .p-menubar .p-menubar-root-list .p-menu-separator {
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
- .p-menubar .p-menubar-root-list > .p-menuitem {
+ .p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #495057;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .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 {
- color: #6c757d;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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: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 > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5059,26 +4876,26 @@
transition: transform 0.2s;
transform: rotate(90deg);
}
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 5.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 6.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 8.25rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5089,42 +4906,45 @@
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-action {
+ padding: 1rem;
+ font-weight: 600;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a:focus {
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .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;
@@ -5140,66 +4960,91 @@
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 {
+ 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 {
+.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: #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: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-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a6d5fa;
-}
-.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: 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;
}
@@ -5208,80 +5053,6 @@
border-bottom-left-radius: 3px;
}
-.p-slidemenu {
- padding: 0.25rem 0;
- background: #ffffff;
- color: #495057;
- border: 1px solid #dee2e6;
- border-radius: 3px;
- width: 12.5rem;
-}
-.p-slidemenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
-}
-.p-slidemenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
-}
-.p-slidemenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a6d5fa;
-}
-.p-slidemenu.p-slidemenu-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-slidemenu .p-slidemenu-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-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
- background: #e9ecef;
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
- color: #495057;
-}
-.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: #6c757d;
-}
-.p-slidemenu .p-slidemenu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0;
-}
-.p-slidemenu .p-slidemenu-icon {
- font-size: 0.875rem;
-}
-.p-slidemenu .p-slidemenu-backward {
- padding: 0.75rem 1rem;
- color: #495057;
-}
-
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
@@ -5347,7 +5118,6 @@
border-top-left-radius: 3px;
transition: box-shadow 0.2s;
margin: 0 0 -2px 0;
- height: calc(100% + 2px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
@@ -5376,61 +5146,73 @@
border-radius: 3px;
width: 12.5rem;
}
-.p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
-}
-.p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
-}
-.p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a6d5fa;
-}
.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-active > .p-menuitem-link {
- background: #e9ecef;
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+ color: #495057;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .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 > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #6c757d;
}
-.p-tieredmenu .p-menu-separator {
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #e9ecef;
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #495057;
+ background: #dee2e6;
+}
+.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-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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.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: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-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
@@ -5742,9 +5524,6 @@
background: rgba(255, 255, 255, 0.1);
color: #f8f9fa;
}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- transition: box-shadow 0.2s;
-}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
@@ -5818,6 +5597,48 @@
border: 2px solid #ffffff;
}
+.p-badge {
+ background: #2196F3;
+ color: #ffffff;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #607D8B;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #689F38;
+ color: #ffffff;
+}
+.p-badge.p-badge-info {
+ background-color: #0288D1;
+ color: #ffffff;
+}
+.p-badge.p-badge-warning {
+ background-color: #FBC02D;
+ color: #212529;
+}
+.p-badge.p-badge-danger {
+ background-color: #D32F2F;
+ color: #ffffff;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
.p-chip {
background-color: #dee2e6;
color: #495057;
@@ -5839,9 +5660,9 @@
margin-right: 0.5rem;
}
.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-left: 0.5rem;
}
.p-chip .p-chip-remove-icon:focus {
outline: 0 none;
@@ -5849,6 +5670,37 @@
box-shadow: 0 0 0 0.2rem #a6d5fa;
}
+.p-inplace .p-inplace-display {
+ padding: 0.5rem 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: #e9ecef;
+ color: #495057;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 1.5rem;
+ background: #dee2e6;
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #2196F3;
+}
+.p-progressbar .p-progressbar-label {
+ color: #ffffff;
+ line-height: 1.5rem;
+}
+
.p-scrolltop {
width: 3rem;
height: 3rem;
@@ -5904,37 +5756,6 @@
font-size: 0.75rem;
}
-.p-inplace .p-inplace-display {
- padding: 0.5rem 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: #e9ecef;
- color: #495057;
-}
-.p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #a6d5fa;
-}
-
-.p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #dee2e6;
- border-radius: 3px;
-}
-.p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #2196F3;
-}
-.p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 1.5rem;
-}
-
.p-terminal {
background: #ffffff;
color: #495057;
@@ -5946,73 +5767,6 @@
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
-.p-badge {
- background: #2196F3;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
-}
-.p-badge.p-badge-secondary {
- background-color: #607D8B;
- color: #ffffff;
-}
-.p-badge.p-badge-success {
- background-color: #689F38;
- color: #ffffff;
-}
-.p-badge.p-badge-info {
- background-color: #0288D1;
- color: #ffffff;
-}
-.p-badge.p-badge-warning {
- background-color: #FBC02D;
- color: #212529;
-}
-.p-badge.p-badge-danger {
- background-color: #D32F2F;
- color: #ffffff;
-}
-.p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
-}
-.p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
-}
-
-.p-tag {
- background: #2196F3;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 3px;
-}
-.p-tag.p-tag-success {
- background-color: #689F38;
- color: #ffffff;
-}
-.p-tag.p-tag-info {
- background-color: #0288D1;
- color: #ffffff;
-}
-.p-tag.p-tag-warning {
- background-color: #FBC02D;
- color: #212529;
-}
-.p-tag.p-tag-danger {
- background-color: #D32F2F;
- color: #ffffff;
-}
-
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #2196F3;
diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css
index eae0941..42aebe6 100644
--- a/public/themes/saga-green/theme.css
+++ b/public/themes/saga-green/theme.css
@@ -40,8 +40,8 @@
--surface-overlay:#ffffff;
--surface-border:#dee2e6;
--surface-hover: #e9ecef;
- --maskbg: rgba(0, 0, 0, 0.4);
--focus-ring: 0 0 0 0.2rem #b7e0b8;
+ --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light;
}
@@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
-.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.5rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #4CAF50;
}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #b7e0b8;
border-color: #4CAF50;
}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.25rem 0.5rem;
+ gap: 0.5rem;
+}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
@@ -265,14 +266,17 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #E8F5E9;
+ background: #dee2e6;
color: #495057;
- border-radius: 3px;
+ border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #ced4da;
+ color: #495057;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
@@ -296,14 +300,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: #495057;
- background: #e9ecef;
-}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #495057;
background: #E8F5E9;
}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: rgba(76, 175, 80, 0.24);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #495057;
+ background: #e9ecef;
+}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
@@ -494,10 +505,10 @@
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
+ border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
- border-left: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: #e9ecef;
@@ -585,22 +596,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1rem;
-}
-.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 #b7e0b8;
-}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #495057;
background: #E8F5E9;
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: rgba(76, 175, 80, 0.24);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.5rem 1rem;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@@ -637,11 +650,6 @@
border-color: #4CAF50;
background: #4CAF50;
}
-.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
- border-color: #3d8c40;
- background: #3d8c40;
- color: #ffffff;
-}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: #4CAF50;
}
@@ -673,24 +681,28 @@
background: #3d8c40;
}
-.p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.5rem;
-}
-.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #4CAF50;
}
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #b7e0b8;
border-color: #4CAF50;
}
+.p-chips .p-chips-multiple-container {
+ padding: 0.25rem 0.5rem;
+}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
- background: #E8F5E9;
+ background: #dee2e6;
+ color: #495057;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #ced4da;
color: #495057;
- border-radius: 3px;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@@ -752,7 +764,7 @@
.p-dropdown .p-dropdown-label.p-placeholder {
color: #6c757d;
}
-.p-dropdown .p-dropdown-label:enabled:focus {
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
@@ -795,13 +807,6 @@
right: 0.5rem;
color: #6c757d;
}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
- padding-right: 3rem;
- margin-right: -3rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
- right: 2rem;
-}
.p-dropdown-panel .p-dropdown-items {
padding: 0.5rem 0;
}
@@ -818,6 +823,13 @@
color: #495057;
background: #E8F5E9;
}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: rgba(76, 175, 80, 0.24);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
@@ -1059,7 +1071,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #449e48;
}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
+.p-inputswitch.p-invalid {
border-color: #f44336;
}
@@ -1101,13 +1113,11 @@
transition-duration: 0.2s;
}
-.p-float-label > label.p-error {
+.p-float-label > .p-invalid + label {
color: #f44336;
}
-.p-input-icon-left > i:first-of-type,
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > i:first-of-type {
left: 0.5rem;
color: #6c757d;
}
@@ -1120,9 +1130,7 @@
left: 2rem;
}
-.p-input-icon-right > i:last-of-type,
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: #6c757d;
}
@@ -1172,6 +1180,7 @@
color: #495057;
border: 1px solid #ced4da;
border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-listbox .p-listbox-header {
padding: 0.5rem 1rem;
@@ -1191,6 +1200,7 @@
}
.p-listbox .p-listbox-list {
padding: 0.5rem 0;
+ outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
@@ -1204,11 +1214,6 @@
color: #495057;
background: #E8F5E9;
}
-.p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #b7e0b8;
-}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 0.75rem 1rem;
@@ -1221,42 +1226,27 @@
color: #495057;
background: transparent;
}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: rgba(76, 175, 80, 0.24);
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+ border-color: #4CAF50;
+}
.p-listbox.p-invalid {
border-color: #f44336;
}
-.p-mention-panel {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-}
-.p-mention-panel .p-mention-items {
- padding: 0.5rem 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item:hover {
- color: #495057;
- background: #e9ecef;
-}
-.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
- color: #495057;
- background: #E8F5E9;
-}
-
.p-multiselect {
background: #ffffff;
border: 1px solid #ced4da;
@@ -1272,9 +1262,6 @@
box-shadow: 0 0 0 0.2rem #b7e0b8;
border-color: #4CAF50;
}
-.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.5rem;
-}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1285,9 +1272,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
- background: #E8F5E9;
+ background: #dee2e6;
color: #495057;
- border-radius: 3px;
+ border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
@@ -1299,10 +1286,6 @@
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
-.p-multiselect .p-multiselect-clear-icon {
- color: #6c757d;
- right: 2.357rem;
-}
.p-multiselect.p-invalid.p-component {
border-color: #f44336;
}
@@ -1310,12 +1293,6 @@
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.25rem 0.5rem;
}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
- padding: 0.5rem 0.5rem;
-}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.5rem;
-}
.p-multiselect-panel {
background: #ffffff;
@@ -1333,9 +1310,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
- margin: 0 0.5rem;
-}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.5rem;
}
@@ -1343,7 +1317,11 @@
right: 0.5rem;
color: #6c757d;
}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: #6c757d;
@@ -1378,15 +1356,17 @@
color: #495057;
background: #E8F5E9;
}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: rgba(76, 175, 80, 0.24);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #b7e0b8;
-}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
@@ -1438,15 +1418,7 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #689F38;
}
-.p-password-panel .p-password-info.weak {
- color: #D32F2F;
-}
-.p-password-panel .p-password-info.medium {
- color: #FBC02D;
-}
-.p-password-panel .p-password-info.strong {
- color: #689F38;
-}
+
.p-radiobutton {
width: 20px;
height: 20px;
@@ -1515,10 +1487,11 @@
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #e74c3c;
}
-.p-rating .p-rating-item:focus {
+.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #b7e0b8;
+ border-color: #4CAF50;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #4CAF50;
@@ -1662,50 +1635,6 @@
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
-.p-treeselect-panel .p-treeselect-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: #495057;
- background: #f8f9fa;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
- margin-right: 0.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
- padding-right: 1.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.5rem;
- color: #6c757d;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 3rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 2rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- 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: #495057;
- border-color: transparent;
- background: #e9ecef;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8;
-}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
@@ -1735,6 +1664,12 @@
.p-togglebutton.p-button .p-button-icon-right {
color: #6c757d;
}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+ border-color: #4CAF50;
+}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: #e9ecef;
border-color: #ced4da;
@@ -1775,12 +1710,12 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
-.p-button:enabled:hover, .p-button:not(button):not(a):not(.p-disabled):hover {
+.p-button:enabled:hover {
background: #449e48;
color: #ffffff;
border-color: #449e48;
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: #3d8c40;
color: #ffffff;
border-color: #3d8c40;
@@ -1790,12 +1725,12 @@
color: #4CAF50;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined:enabled:hover {
background: rgba(76, 175, 80, 0.04);
color: #4CAF50;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined:enabled:active {
background: rgba(76, 175, 80, 0.16);
color: #4CAF50;
border: 1px solid;
@@ -1804,11 +1739,11 @@
color: #6c757d;
border-color: #6c757d;
}
-.p-button.p-button-outlined.p-button-plain:enabled:hover, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: #e9ecef;
color: #6c757d;
}
-.p-button.p-button-outlined.p-button-plain:enabled:active, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined.p-button-plain:enabled:active {
background: #dee2e6;
color: #6c757d;
}
@@ -1817,12 +1752,12 @@
color: #4CAF50;
border-color: transparent;
}
-.p-button.p-button-text:enabled:hover, .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text:enabled:hover {
background: rgba(76, 175, 80, 0.04);
color: #4CAF50;
border-color: transparent;
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active {
background: rgba(76, 175, 80, 0.16);
color: #4CAF50;
border-color: transparent;
@@ -1830,11 +1765,11 @@
.p-button.p-button-text.p-button-plain {
color: #6c757d;
}
-.p-button.p-button-text.p-button-plain:enabled:hover, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text.p-button-plain:enabled:hover {
background: #e9ecef;
color: #6c757d;
}
-.p-button.p-button-text.p-button-plain:enabled:active, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text.p-button-plain:enabled:active {
background: #dee2e6;
color: #6c757d;
}
@@ -1843,6 +1778,9 @@
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #b7e0b8;
}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1895,20 +1833,11 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
+.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
- margin-right: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
- margin-top: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
- margin-bottom: 0.5rem;
-}
.p-button.p-button-loading-label-only .p-button-loading-icon {
- margin: 0;
+ margin-right: 0;
}
.p-fluid .p-button {
@@ -1924,295 +1853,295 @@
flex: 1;
}
-.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 {
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #607D8B;
border: 1px solid #607D8B;
}
-.p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary:enabled:hover, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #56717d;
color: #ffffff;
border-color: #56717d;
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #beccd2;
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #4d646f;
color: #ffffff;
border-color: #4d646f;
}
-.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #607D8B;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(96, 125, 139, 0.04);
color: #607D8B;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(96, 125, 139, 0.16);
color: #607D8B;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #607D8B;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-text:enabled:hover, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(96, 125, 139, 0.04);
border-color: transparent;
color: #607D8B;
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(96, 125, 139, 0.16);
border-color: transparent;
color: #607D8B;
}
-.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #0288D1;
border: 1px solid #0288D1;
}
-.p-button.p-button-info:enabled:hover, .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info:enabled:hover, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #027abc;
color: #ffffff;
border-color: #027abc;
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #89d4fe;
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #026da7;
color: #ffffff;
border-color: #026da7;
}
-.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #0288D1;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:hover, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(2, 136, 209, 0.04);
color: #0288D1;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(2, 136, 209, 0.16);
color: #0288D1;
border: 1px solid;
}
-.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #0288D1;
border-color: transparent;
}
-.p-button.p-button-info.p-button-text:enabled:hover, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(2, 136, 209, 0.04);
border-color: transparent;
color: #0288D1;
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(2, 136, 209, 0.16);
border-color: transparent;
color: #0288D1;
}
-.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #689F38;
border: 1px solid #689F38;
}
-.p-button.p-button-success:enabled:hover, .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success:enabled:hover, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #5e8f32;
color: #ffffff;
border-color: #5e8f32;
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #c2e0a8;
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #537f2d;
color: #ffffff;
border-color: #537f2d;
}
-.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #689F38;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:hover, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(104, 159, 56, 0.04);
color: #689F38;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(104, 159, 56, 0.16);
color: #689F38;
border: 1px solid;
}
-.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #689F38;
border-color: transparent;
}
-.p-button.p-button-success.p-button-text:enabled:hover, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(104, 159, 56, 0.04);
border-color: transparent;
color: #689F38;
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(104, 159, 56, 0.16);
border-color: transparent;
color: #689F38;
}
-.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529;
background: #FBC02D;
border: 1px solid #FBC02D;
}
-.p-button.p-button-warning:enabled:hover, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning:enabled:hover, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #fab710;
color: #212529;
border-color: #fab710;
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #fde6ab;
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #e8a704;
color: #212529;
border-color: #e8a704;
}
-.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #FBC02D;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(251, 192, 45, 0.04);
color: #FBC02D;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(251, 192, 45, 0.16);
color: #FBC02D;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #FBC02D;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-text:enabled:hover, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(251, 192, 45, 0.04);
border-color: transparent;
color: #FBC02D;
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(251, 192, 45, 0.16);
border-color: transparent;
color: #FBC02D;
}
-.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #9C27B0;
border: 1px solid #9C27B0;
}
-.p-button.p-button-help:enabled:hover, .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help:enabled:hover, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #8c239e;
color: #ffffff;
border-color: #8c239e;
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #df9eea;
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #7d1f8d;
color: #ffffff;
border-color: #7d1f8d;
}
-.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #9C27B0;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:hover, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(156, 39, 176, 0.04);
color: #9C27B0;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(156, 39, 176, 0.16);
color: #9C27B0;
border: 1px solid;
}
-.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #9C27B0;
border-color: transparent;
}
-.p-button.p-button-help.p-button-text:enabled:hover, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(156, 39, 176, 0.04);
border-color: transparent;
color: #9C27B0;
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(156, 39, 176, 0.16);
border-color: transparent;
color: #9C27B0;
}
-.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #D32F2F;
border: 1px solid #D32F2F;
}
-.p-button.p-button-danger:enabled:hover, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger:enabled:hover, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #c02929;
color: #ffffff;
border-color: #c02929;
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #edacac;
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #aa2424;
color: #ffffff;
border-color: #aa2424;
}
-.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #D32F2F;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(211, 47, 47, 0.04);
color: #D32F2F;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(211, 47, 47, 0.16);
color: #D32F2F;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #D32F2F;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-text:enabled:hover, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(211, 47, 47, 0.04);
border-color: transparent;
color: #D32F2F;
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(211, 47, 47, 0.16);
border-color: transparent;
color: #D32F2F;
@@ -2223,25 +2152,89 @@
background: transparent;
border: transparent;
}
-.p-button.p-button-link:enabled:hover, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-link:enabled:hover {
background: transparent;
color: #3d8c40;
border-color: transparent;
}
-.p-button.p-button-link:enabled:hover .p-button-label, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
+.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
-.p-button.p-button-link:enabled:focus, .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: 0 0 0 0.2rem #b7e0b8;
border-color: transparent;
}
-.p-button.p-button-link:enabled:active, .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-link:enabled:active {
background: transparent;
color: #3d8c40;
border-color: transparent;
}
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: #495057;
+ color: #fff;
+}
+.p-speeddial-action:hover {
+ background: #343a40;
+ color: #fff;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
.p-splitbutton {
border-radius: 3px;
}
@@ -2494,70 +2487,6 @@
color: #D32F2F;
}
-.p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
-}
-.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
-}
-
-.p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #495057;
- color: #fff;
-}
-.p-speeddial-action:hover {
- background: #343a40;
- color: #fff;
-}
-
-.p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
-}
-
-.p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
-}
-
-.p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
-}
-
-.p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
-}
-
-.p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
-}
-.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
-}
-
-.p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
-}
-
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
@@ -2659,11 +2588,11 @@
background: #E8F5E9;
margin-left: 0.5rem;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: #6c757d;
}
.p-datatable .p-sortable-column.p-highlight {
@@ -2673,11 +2602,11 @@
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: #4CAF50;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column.p-highlight:hover {
background: #e9ecef;
color: #4CAF50;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
color: #4CAF50;
}
.p-datatable .p-sortable-column:focus {
@@ -2729,9 +2658,9 @@
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 600;
}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
- background: #E8F5E9;
- color: #495057;
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid #b7e0b8;
+ outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: #E8F5E9;
@@ -2743,23 +2672,7 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
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;
- color: #495057;
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
- outline: 0.15rem solid #b7e0b8;
- 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: #e9ecef;
- color: #495057;
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
- outline: 0.15rem solid #b7e0b8;
- outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
}
@@ -2799,22 +2712,31 @@
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #fcfcfc;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #E8F5E9;
color: #495057;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #495057;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #495057;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
- background: #fcfcfc;
-}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
@@ -2846,10 +2768,6 @@
padding: 1.25rem 1.25rem;
}
-.p-datatable-drag-selection-helper {
- background: rgba(76, 175, 80, 0.16);
-}
-
.p-dataview .p-paginator-top {
border-width: 0 0 1px 0;
border-radius: 0;
@@ -2886,46 +2804,6 @@
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
-.p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
-}
-
-.p-datascroller .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-datascroller-header {
- background: #f8f9fa;
- color: #495057;
- border: 1px solid #e9ecef;
- border-width: 1px 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
-}
-.p-datascroller .p-datascroller-content {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- padding: 0;
-}
-.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
- border: solid #e9ecef;
- border-width: 0 0 1px 0;
-}
-.p-datascroller .p-datascroller-footer {
- background: #f8f9fa;
- color: #495057;
- border: 1px solid #e9ecef;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
-}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
@@ -3351,19 +3229,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-orderlist .p-orderlist-filter-container {
- padding: 1rem;
- background: #ffffff;
- border: 1px solid #dee2e6;
- border-bottom: 0 none;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.5rem;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.5rem;
- color: #6c757d;
-}
.p-orderlist .p-orderlist-list {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -3400,22 +3265,6 @@
background: #e9ecef;
}
-@media screen and (max-width: 769px) {
- .p-orderlist {
- flex-direction: column;
- }
- .p-orderlist .p-orderlist-controls {
- padding: 1rem;
- flex-direction: row;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-controls .p-button:last-child {
- margin-right: 0;
- }
-}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
@@ -3494,6 +3343,7 @@
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
+ margin-right: 0.5rem;
height: 2.357rem;
}
.p-paginator .p-dropdown .p-dropdown-label {
@@ -3552,19 +3402,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-picklist .p-picklist-filter-container {
- padding: 1rem;
- background: #ffffff;
- border: 1px solid #dee2e6;
- border-bottom: 0 none;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.5rem;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.5rem;
- color: #6c757d;
-}
.p-picklist .p-picklist-list {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -3594,35 +3431,38 @@
color: #495057;
background: #E8F5E9;
}
-
-@media screen and (max-width: 769px) {
- .p-picklist {
- flex-direction: column;
- }
- .p-picklist .p-picklist-buttons {
- padding: 1rem;
- flex-direction: row;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-buttons .p-button:last-child {
- margin-right: 0;
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
- content: "\e930";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
- content: "\e92c";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
- content: "\e933";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
- content: "\e92f";
- }
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: #e9ecef;
}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: #e9ecef;
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 2px solid #4CAF50;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #ffffff;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #dee2e6;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
.p-tree {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -3689,10 +3529,6 @@
background: #e9ecef;
color: #495057;
}
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: #e9ecef;
- color: #495057;
-}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
@@ -3710,12 +3546,6 @@
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
-.p-tree .p-treenode-droppoint {
- height: 0.5rem;
-}
-.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
- background: #a6d8a9;
-}
.p-treetable .p-paginator-top {
border-width: 0 0 1px 0;
@@ -3841,11 +3671,11 @@
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: #495057;
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: #495057;
}
.p-treetable .p-column-resizer-helper {
@@ -3910,31 +3740,6 @@
padding: 1.25rem 1.25rem;
}
-.p-timeline .p-timeline-event-marker {
- border: 2px solid #4CAF50;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #ffffff;
-}
-.p-timeline .p-timeline-event-connector {
- background-color: #dee2e6;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
-}
-
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem;
border: 1px solid #dee2e6;
@@ -3950,7 +3755,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8;
+ box-shadow: inset 0 0 0 0.2rem #b7e0b8;
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #e9ecef;
@@ -4004,7 +3809,7 @@
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
-.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-content {
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
@@ -4067,6 +3872,9 @@
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #b7e0b8;
}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: #495057;
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: #e9ecef;
border-color: #dee2e6;
@@ -4150,6 +3958,17 @@
border-top: 0 none;
}
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #f8f9fa;
+ border: 0 none;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
+
.p-splitter {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -4162,16 +3981,17 @@
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: #dee2e6;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
}
.p-splitter .p-splitter-gutter-resizing {
background: #dee2e6;
}
-.p-scrollpanel .p-scrollpanel-bar {
- background: #f8f9fa;
- border: 0 none;
-}
-
.p-tabview .p-tabview-nav {
background: #ffffff;
border: 1px solid #dee2e6;
@@ -4208,9 +4028,6 @@
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;
@@ -4463,9 +4280,12 @@
border-bottom: 0 none;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
+ gap: 0.5rem;
}
-.p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
}
.p-fileupload .p-fileupload-content {
background: #ffffff;
@@ -4475,6 +4295,22 @@
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #dee2e6;
+ border-radius: 3px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
.p-fileupload .p-progressbar {
height: 0.25rem;
}
@@ -4485,35 +4321,46 @@
margin-top: 0;
}
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #449e48;
+ color: #ffffff;
+ border-color: #449e48;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #3d8c40;
+ color: #ffffff;
+ border-color: #3d8c40;
+}
+
.p-breadcrumb {
background: #ffffff;
border: 1px solid #dee2e6;
border-radius: 3px;
padding: 1rem;
}
-.p-breadcrumb ul li .p-menuitem-link {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: box-shadow 0.2s;
border-radius: 3px;
}
-.p-breadcrumb ul li .p-menuitem-link:focus {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #b7e0b8;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: #495057;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: #6c757d;
}
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: #495057;
}
-.p-breadcrumb ul li:last-child .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: #495057;
}
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: #6c757d;
}
@@ -4526,39 +4373,8 @@
border-radius: 3px;
width: 12.5rem;
}
-.p-contextmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
-}
-.p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
-}
-.p-contextmenu .p-menuitem-link:focus {
+.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #b7e0b8;
}
.p-contextmenu .p-submenu-list {
padding: 0.25rem 0;
@@ -4567,16 +4383,59 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-active > .p-menuitem-link {
- background: #e9ecef;
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+ color: #495057;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .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 > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #6c757d;
}
-.p-contextmenu .p-menu-separator {
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.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: #495057;
+ background: #dee2e6;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.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: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-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
@@ -4584,78 +4443,71 @@
font-size: 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-action {
+.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-link {
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 {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
- .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list {
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
- .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container {
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
- .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
- .p-dock.p-dock-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 {
+ .p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
@@ -4667,90 +4519,60 @@
border: 1px solid #dee2e6;
border-radius: 3px;
}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 3px;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .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 {
- color: #6c757d;
- margin-left: 0.5rem;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+.p-megamenu .p-megamenu-root-list {
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-active > .p-menuitem-link,
-.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- 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: #495057;
-}
-.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 > .p-menuitem-content {
color: #495057;
+ transition: box-shadow 0.2s;
border-radius: 0;
- transition: box-shadow 0.2s;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
user-select: none;
}
-.p-megamenu .p-menuitem-link .p-menuitem-text {
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #495057;
}
-.p-megamenu .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-menuitem-link .p-submenu-icon {
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #6c757d;
}
-.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #495057;
background: #e9ecef;
}
-.p-megamenu .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-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-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #e9ecef;
}
-.p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #b7e0b8;
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #495057;
+ background: #dee2e6;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #495057;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.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: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-megamenu-panel {
background: #ffffff;
@@ -4758,7 +4580,7 @@
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 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;
@@ -4767,27 +4589,48 @@
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;
}
+.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-menu {
padding: 0.25rem 0;
@@ -4797,39 +4640,57 @@
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 {
+ 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;
@@ -4845,7 +4706,7 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
}
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
@@ -4857,89 +4718,89 @@
border: 1px solid #dee2e6;
border-radius: 3px;
}
-.p-menubar .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-menubar .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-menubar .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
-}
-.p-menubar .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .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 {
- color: #6c757d;
-}
-.p-menubar .p-menuitem-link:focus {
+.p-menubar .p-menubar-root-list {
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-menubar-root-list > .p-menuitem > .p-menuitem-content {
color: #495057;
- border-radius: 3px;
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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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: #6c757d;
}
-.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+.p-menubar .p-menuitem > .p-menuitem-content {
+ color: #495057;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #6c757d;
}
-.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-active > .p-menuitem-link,
-.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .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-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.p-highlight > .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-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.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-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.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: #495057;
+ background: #dee2e6;
+}
+.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-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-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-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 {
@@ -4949,22 +4810,13 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #e9ecef;
-}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.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;
-}
@media screen and (max-width: 960px) {
.p-menubar {
@@ -4996,56 +4848,22 @@
box-shadow: 0 2px 4px -1px rgba(0, 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: 100%;
}
- .p-menubar .p-menubar-root-list .p-menu-separator {
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
- .p-menubar .p-menubar-root-list > .p-menuitem {
+ .p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #495057;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .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 {
- color: #6c757d;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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: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 > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5058,26 +4876,26 @@
transition: transform 0.2s;
transform: rotate(90deg);
}
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 5.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 6.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 8.25rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5088,42 +4906,45 @@
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-action {
+ padding: 1rem;
+ font-weight: 600;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a:focus {
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .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;
@@ -5139,66 +4960,91 @@
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 {
+ 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 {
+.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: #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: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-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #b7e0b8;
-}
-.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: 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;
}
@@ -5207,80 +5053,6 @@
border-bottom-left-radius: 3px;
}
-.p-slidemenu {
- padding: 0.25rem 0;
- background: #ffffff;
- color: #495057;
- border: 1px solid #dee2e6;
- border-radius: 3px;
- width: 12.5rem;
-}
-.p-slidemenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
-}
-.p-slidemenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
-}
-.p-slidemenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #b7e0b8;
-}
-.p-slidemenu.p-slidemenu-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-slidemenu .p-slidemenu-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-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
- background: #e9ecef;
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
- color: #495057;
-}
-.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: #6c757d;
-}
-.p-slidemenu .p-slidemenu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0;
-}
-.p-slidemenu .p-slidemenu-icon {
- font-size: 0.875rem;
-}
-.p-slidemenu .p-slidemenu-backward {
- padding: 0.75rem 1rem;
- color: #495057;
-}
-
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
@@ -5346,7 +5118,6 @@
border-top-left-radius: 3px;
transition: box-shadow 0.2s;
margin: 0 0 -2px 0;
- height: calc(100% + 2px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
@@ -5375,61 +5146,73 @@
border-radius: 3px;
width: 12.5rem;
}
-.p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
-}
-.p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
-}
-.p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #b7e0b8;
-}
.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-active > .p-menuitem-link {
- background: #e9ecef;
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+ color: #495057;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .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 > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #6c757d;
}
-.p-tieredmenu .p-menu-separator {
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #e9ecef;
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #495057;
+ background: #dee2e6;
+}
+.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-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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.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: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-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
@@ -5741,9 +5524,6 @@
background: rgba(255, 255, 255, 0.1);
color: #f8f9fa;
}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- transition: box-shadow 0.2s;
-}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
@@ -5817,6 +5597,48 @@
border: 2px solid #ffffff;
}
+.p-badge {
+ background: #4CAF50;
+ color: #ffffff;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #607D8B;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #689F38;
+ color: #ffffff;
+}
+.p-badge.p-badge-info {
+ background-color: #0288D1;
+ color: #ffffff;
+}
+.p-badge.p-badge-warning {
+ background-color: #FBC02D;
+ color: #212529;
+}
+.p-badge.p-badge-danger {
+ background-color: #D32F2F;
+ color: #ffffff;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
.p-chip {
background-color: #dee2e6;
color: #495057;
@@ -5838,9 +5660,9 @@
margin-right: 0.5rem;
}
.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-left: 0.5rem;
}
.p-chip .p-chip-remove-icon:focus {
outline: 0 none;
@@ -5848,6 +5670,37 @@
box-shadow: 0 0 0 0.2rem #b7e0b8;
}
+.p-inplace .p-inplace-display {
+ padding: 0.5rem 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: #e9ecef;
+ color: #495057;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #b7e0b8;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 1.5rem;
+ background: #dee2e6;
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #4CAF50;
+}
+.p-progressbar .p-progressbar-label {
+ color: #ffffff;
+ line-height: 1.5rem;
+}
+
.p-scrolltop {
width: 3rem;
height: 3rem;
@@ -5903,37 +5756,6 @@
font-size: 0.75rem;
}
-.p-inplace .p-inplace-display {
- padding: 0.5rem 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: #e9ecef;
- color: #495057;
-}
-.p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #b7e0b8;
-}
-
-.p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #dee2e6;
- border-radius: 3px;
-}
-.p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #4CAF50;
-}
-.p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 1.5rem;
-}
-
.p-terminal {
background: #ffffff;
color: #495057;
@@ -5945,73 +5767,6 @@
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
-.p-badge {
- background: #4CAF50;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
-}
-.p-badge.p-badge-secondary {
- background-color: #607D8B;
- color: #ffffff;
-}
-.p-badge.p-badge-success {
- background-color: #689F38;
- color: #ffffff;
-}
-.p-badge.p-badge-info {
- background-color: #0288D1;
- color: #ffffff;
-}
-.p-badge.p-badge-warning {
- background-color: #FBC02D;
- color: #212529;
-}
-.p-badge.p-badge-danger {
- background-color: #D32F2F;
- color: #ffffff;
-}
-.p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
-}
-.p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
-}
-
-.p-tag {
- background: #4CAF50;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 3px;
-}
-.p-tag.p-tag-success {
- background-color: #689F38;
- color: #ffffff;
-}
-.p-tag.p-tag-info {
- background-color: #0288D1;
- color: #ffffff;
-}
-.p-tag.p-tag-warning {
- background-color: #FBC02D;
- color: #212529;
-}
-.p-tag.p-tag-danger {
- background-color: #D32F2F;
- color: #ffffff;
-}
-
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #4CAF50;
diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css
index 99e218c..ae585ec 100644
--- a/public/themes/saga-orange/theme.css
+++ b/public/themes/saga-orange/theme.css
@@ -40,8 +40,8 @@
--surface-overlay:#ffffff;
--surface-border:#dee2e6;
--surface-hover: #e9ecef;
- --maskbg: rgba(0, 0, 0, 0.4);
--focus-ring: 0 0 0 0.2rem #ffe69c;
+ --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light;
}
@@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
-.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.5rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #FFC107;
}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #ffe69c;
border-color: #FFC107;
}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.25rem 0.5rem;
+ gap: 0.5rem;
+}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
@@ -265,14 +266,17 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #FFF3E0;
+ background: #dee2e6;
color: #495057;
- border-radius: 3px;
+ border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #ced4da;
+ color: #495057;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
@@ -296,14 +300,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: #495057;
- background: #e9ecef;
-}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #495057;
background: #FFF3E0;
}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: #ebe0ce;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #495057;
+ background: #e9ecef;
+}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
@@ -494,10 +505,10 @@
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
+ border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
- border-left: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: #e9ecef;
@@ -585,22 +596,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1rem;
-}
-.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 #ffe69c;
-}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #495057;
background: #FFF3E0;
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: #ebe0ce;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.5rem 1rem;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@@ -637,11 +650,6 @@
border-color: #FFC107;
background: #FFC107;
}
-.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
- border-color: #d29d00;
- background: #d29d00;
- color: #212529;
-}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: #FFC107;
}
@@ -673,24 +681,28 @@
background: #d29d00;
}
-.p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.5rem;
-}
-.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #FFC107;
}
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #ffe69c;
border-color: #FFC107;
}
+.p-chips .p-chips-multiple-container {
+ padding: 0.25rem 0.5rem;
+}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
- background: #FFF3E0;
+ background: #dee2e6;
+ color: #495057;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #ced4da;
color: #495057;
- border-radius: 3px;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@@ -752,7 +764,7 @@
.p-dropdown .p-dropdown-label.p-placeholder {
color: #6c757d;
}
-.p-dropdown .p-dropdown-label:enabled:focus {
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
@@ -795,13 +807,6 @@
right: 0.5rem;
color: #6c757d;
}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
- padding-right: 3rem;
- margin-right: -3rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
- right: 2rem;
-}
.p-dropdown-panel .p-dropdown-items {
padding: 0.5rem 0;
}
@@ -818,6 +823,13 @@
color: #495057;
background: #FFF3E0;
}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: #ebe0ce;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
@@ -1059,7 +1071,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #ecb100;
}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
+.p-inputswitch.p-invalid {
border-color: #f44336;
}
@@ -1101,13 +1113,11 @@
transition-duration: 0.2s;
}
-.p-float-label > label.p-error {
+.p-float-label > .p-invalid + label {
color: #f44336;
}
-.p-input-icon-left > i:first-of-type,
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > i:first-of-type {
left: 0.5rem;
color: #6c757d;
}
@@ -1120,9 +1130,7 @@
left: 2rem;
}
-.p-input-icon-right > i:last-of-type,
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: #6c757d;
}
@@ -1172,6 +1180,7 @@
color: #495057;
border: 1px solid #ced4da;
border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-listbox .p-listbox-header {
padding: 0.5rem 1rem;
@@ -1191,6 +1200,7 @@
}
.p-listbox .p-listbox-list {
padding: 0.5rem 0;
+ outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
@@ -1204,11 +1214,6 @@
color: #495057;
background: #FFF3E0;
}
-.p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe69c;
-}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 0.75rem 1rem;
@@ -1221,42 +1226,27 @@
color: #495057;
background: transparent;
}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: #ebe0ce;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+ border-color: #FFC107;
+}
.p-listbox.p-invalid {
border-color: #f44336;
}
-.p-mention-panel {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-}
-.p-mention-panel .p-mention-items {
- padding: 0.5rem 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item:hover {
- color: #495057;
- background: #e9ecef;
-}
-.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
- color: #495057;
- background: #FFF3E0;
-}
-
.p-multiselect {
background: #ffffff;
border: 1px solid #ced4da;
@@ -1272,9 +1262,6 @@
box-shadow: 0 0 0 0.2rem #ffe69c;
border-color: #FFC107;
}
-.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.5rem;
-}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1285,9 +1272,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
- background: #FFF3E0;
+ background: #dee2e6;
color: #495057;
- border-radius: 3px;
+ border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
@@ -1299,10 +1286,6 @@
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
-.p-multiselect .p-multiselect-clear-icon {
- color: #6c757d;
- right: 2.357rem;
-}
.p-multiselect.p-invalid.p-component {
border-color: #f44336;
}
@@ -1310,12 +1293,6 @@
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.25rem 0.5rem;
}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
- padding: 0.5rem 0.5rem;
-}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.5rem;
-}
.p-multiselect-panel {
background: #ffffff;
@@ -1333,9 +1310,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
- margin: 0 0.5rem;
-}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.5rem;
}
@@ -1343,7 +1317,11 @@
right: 0.5rem;
color: #6c757d;
}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: #6c757d;
@@ -1378,15 +1356,17 @@
color: #495057;
background: #FFF3E0;
}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: #ebe0ce;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe69c;
-}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
@@ -1438,15 +1418,7 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #689F38;
}
-.p-password-panel .p-password-info.weak {
- color: #D32F2F;
-}
-.p-password-panel .p-password-info.medium {
- color: #FBC02D;
-}
-.p-password-panel .p-password-info.strong {
- color: #689F38;
-}
+
.p-radiobutton {
width: 20px;
height: 20px;
@@ -1515,10 +1487,11 @@
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #e74c3c;
}
-.p-rating .p-rating-item:focus {
+.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #ffe69c;
+ border-color: #FFC107;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #FFC107;
@@ -1662,50 +1635,6 @@
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
-.p-treeselect-panel .p-treeselect-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: #495057;
- background: #f8f9fa;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
- margin-right: 0.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
- padding-right: 1.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.5rem;
- color: #6c757d;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 3rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 2rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- 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: #495057;
- border-color: transparent;
- background: #e9ecef;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c;
-}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
@@ -1735,6 +1664,12 @@
.p-togglebutton.p-button .p-button-icon-right {
color: #6c757d;
}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+ border-color: #FFC107;
+}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: #e9ecef;
border-color: #ced4da;
@@ -1775,12 +1710,12 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
-.p-button:enabled:hover, .p-button:not(button):not(a):not(.p-disabled):hover {
+.p-button:enabled:hover {
background: #ecb100;
color: #212529;
border-color: #ecb100;
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: #d29d00;
color: #212529;
border-color: #d29d00;
@@ -1790,12 +1725,12 @@
color: #FFC107;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined:enabled:hover {
background: rgba(255, 193, 7, 0.04);
color: #FFC107;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined:enabled:active {
background: rgba(255, 193, 7, 0.16);
color: #FFC107;
border: 1px solid;
@@ -1804,11 +1739,11 @@
color: #6c757d;
border-color: #6c757d;
}
-.p-button.p-button-outlined.p-button-plain:enabled:hover, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: #e9ecef;
color: #6c757d;
}
-.p-button.p-button-outlined.p-button-plain:enabled:active, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined.p-button-plain:enabled:active {
background: #dee2e6;
color: #6c757d;
}
@@ -1817,12 +1752,12 @@
color: #FFC107;
border-color: transparent;
}
-.p-button.p-button-text:enabled:hover, .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text:enabled:hover {
background: rgba(255, 193, 7, 0.04);
color: #FFC107;
border-color: transparent;
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active {
background: rgba(255, 193, 7, 0.16);
color: #FFC107;
border-color: transparent;
@@ -1830,11 +1765,11 @@
.p-button.p-button-text.p-button-plain {
color: #6c757d;
}
-.p-button.p-button-text.p-button-plain:enabled:hover, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text.p-button-plain:enabled:hover {
background: #e9ecef;
color: #6c757d;
}
-.p-button.p-button-text.p-button-plain:enabled:active, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text.p-button-plain:enabled:active {
background: #dee2e6;
color: #6c757d;
}
@@ -1843,6 +1778,9 @@
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #ffe69c;
}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1895,20 +1833,11 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
+.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
- margin-right: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
- margin-top: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
- margin-bottom: 0.5rem;
-}
.p-button.p-button-loading-label-only .p-button-loading-icon {
- margin: 0;
+ margin-right: 0;
}
.p-fluid .p-button {
@@ -1924,295 +1853,295 @@
flex: 1;
}
-.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 {
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #607D8B;
border: 1px solid #607D8B;
}
-.p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary:enabled:hover, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #56717d;
color: #ffffff;
border-color: #56717d;
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #beccd2;
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #4d646f;
color: #ffffff;
border-color: #4d646f;
}
-.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #607D8B;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(96, 125, 139, 0.04);
color: #607D8B;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(96, 125, 139, 0.16);
color: #607D8B;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #607D8B;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-text:enabled:hover, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(96, 125, 139, 0.04);
border-color: transparent;
color: #607D8B;
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(96, 125, 139, 0.16);
border-color: transparent;
color: #607D8B;
}
-.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #0288D1;
border: 1px solid #0288D1;
}
-.p-button.p-button-info:enabled:hover, .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info:enabled:hover, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #027abc;
color: #ffffff;
border-color: #027abc;
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #89d4fe;
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #026da7;
color: #ffffff;
border-color: #026da7;
}
-.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #0288D1;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:hover, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(2, 136, 209, 0.04);
color: #0288D1;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(2, 136, 209, 0.16);
color: #0288D1;
border: 1px solid;
}
-.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #0288D1;
border-color: transparent;
}
-.p-button.p-button-info.p-button-text:enabled:hover, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(2, 136, 209, 0.04);
border-color: transparent;
color: #0288D1;
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(2, 136, 209, 0.16);
border-color: transparent;
color: #0288D1;
}
-.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #689F38;
border: 1px solid #689F38;
}
-.p-button.p-button-success:enabled:hover, .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success:enabled:hover, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #5e8f32;
color: #ffffff;
border-color: #5e8f32;
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #c2e0a8;
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #537f2d;
color: #ffffff;
border-color: #537f2d;
}
-.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #689F38;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:hover, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(104, 159, 56, 0.04);
color: #689F38;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(104, 159, 56, 0.16);
color: #689F38;
border: 1px solid;
}
-.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #689F38;
border-color: transparent;
}
-.p-button.p-button-success.p-button-text:enabled:hover, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(104, 159, 56, 0.04);
border-color: transparent;
color: #689F38;
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(104, 159, 56, 0.16);
border-color: transparent;
color: #689F38;
}
-.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529;
background: #FBC02D;
border: 1px solid #FBC02D;
}
-.p-button.p-button-warning:enabled:hover, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning:enabled:hover, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #fab710;
color: #212529;
border-color: #fab710;
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #fde6ab;
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #e8a704;
color: #212529;
border-color: #e8a704;
}
-.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #FBC02D;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(251, 192, 45, 0.04);
color: #FBC02D;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(251, 192, 45, 0.16);
color: #FBC02D;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #FBC02D;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-text:enabled:hover, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(251, 192, 45, 0.04);
border-color: transparent;
color: #FBC02D;
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(251, 192, 45, 0.16);
border-color: transparent;
color: #FBC02D;
}
-.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #9C27B0;
border: 1px solid #9C27B0;
}
-.p-button.p-button-help:enabled:hover, .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help:enabled:hover, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #8c239e;
color: #ffffff;
border-color: #8c239e;
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #df9eea;
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #7d1f8d;
color: #ffffff;
border-color: #7d1f8d;
}
-.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #9C27B0;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:hover, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(156, 39, 176, 0.04);
color: #9C27B0;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(156, 39, 176, 0.16);
color: #9C27B0;
border: 1px solid;
}
-.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #9C27B0;
border-color: transparent;
}
-.p-button.p-button-help.p-button-text:enabled:hover, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(156, 39, 176, 0.04);
border-color: transparent;
color: #9C27B0;
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(156, 39, 176, 0.16);
border-color: transparent;
color: #9C27B0;
}
-.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #D32F2F;
border: 1px solid #D32F2F;
}
-.p-button.p-button-danger:enabled:hover, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger:enabled:hover, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #c02929;
color: #ffffff;
border-color: #c02929;
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #edacac;
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #aa2424;
color: #ffffff;
border-color: #aa2424;
}
-.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #D32F2F;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(211, 47, 47, 0.04);
color: #D32F2F;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(211, 47, 47, 0.16);
color: #D32F2F;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #D32F2F;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-text:enabled:hover, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(211, 47, 47, 0.04);
border-color: transparent;
color: #D32F2F;
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(211, 47, 47, 0.16);
border-color: transparent;
color: #D32F2F;
@@ -2223,25 +2152,89 @@
background: transparent;
border: transparent;
}
-.p-button.p-button-link:enabled:hover, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-link:enabled:hover {
background: transparent;
color: #d29d00;
border-color: transparent;
}
-.p-button.p-button-link:enabled:hover .p-button-label, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
+.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
-.p-button.p-button-link:enabled:focus, .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: 0 0 0 0.2rem #ffe69c;
border-color: transparent;
}
-.p-button.p-button-link:enabled:active, .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-link:enabled:active {
background: transparent;
color: #d29d00;
border-color: transparent;
}
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: #495057;
+ color: #fff;
+}
+.p-speeddial-action:hover {
+ background: #343a40;
+ color: #fff;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
.p-splitbutton {
border-radius: 3px;
}
@@ -2494,70 +2487,6 @@
color: #D32F2F;
}
-.p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
-}
-.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
-}
-
-.p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #495057;
- color: #fff;
-}
-.p-speeddial-action:hover {
- background: #343a40;
- color: #fff;
-}
-
-.p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
-}
-
-.p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
-}
-
-.p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
-}
-
-.p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
-}
-
-.p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
-}
-.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
-}
-
-.p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
-}
-
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
@@ -2659,11 +2588,11 @@
background: #FFF3E0;
margin-left: 0.5rem;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: #6c757d;
}
.p-datatable .p-sortable-column.p-highlight {
@@ -2673,11 +2602,11 @@
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: #FFC107;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column.p-highlight:hover {
background: #e9ecef;
color: #FFC107;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
color: #FFC107;
}
.p-datatable .p-sortable-column:focus {
@@ -2729,9 +2658,9 @@
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 600;
}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
- background: #FFF3E0;
- color: #495057;
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid #ffe69c;
+ outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: #FFF3E0;
@@ -2743,23 +2672,7 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
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;
- color: #495057;
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
- outline: 0.15rem solid #ffe69c;
- 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: #e9ecef;
- color: #495057;
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
- outline: 0.15rem solid #ffe69c;
- outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
}
@@ -2799,22 +2712,31 @@
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #fcfcfc;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #FFF3E0;
color: #495057;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #495057;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #495057;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
- background: #fcfcfc;
-}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
@@ -2846,10 +2768,6 @@
padding: 1.25rem 1.25rem;
}
-.p-datatable-drag-selection-helper {
- background: rgba(255, 193, 7, 0.16);
-}
-
.p-dataview .p-paginator-top {
border-width: 0 0 1px 0;
border-radius: 0;
@@ -2886,46 +2804,6 @@
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
-.p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
-}
-
-.p-datascroller .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-datascroller-header {
- background: #f8f9fa;
- color: #495057;
- border: 1px solid #e9ecef;
- border-width: 1px 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
-}
-.p-datascroller .p-datascroller-content {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- padding: 0;
-}
-.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
- border: solid #e9ecef;
- border-width: 0 0 1px 0;
-}
-.p-datascroller .p-datascroller-footer {
- background: #f8f9fa;
- color: #495057;
- border: 1px solid #e9ecef;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
-}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
@@ -3351,19 +3229,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-orderlist .p-orderlist-filter-container {
- padding: 1rem;
- background: #ffffff;
- border: 1px solid #dee2e6;
- border-bottom: 0 none;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.5rem;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.5rem;
- color: #6c757d;
-}
.p-orderlist .p-orderlist-list {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -3400,22 +3265,6 @@
background: #e9ecef;
}
-@media screen and (max-width: 769px) {
- .p-orderlist {
- flex-direction: column;
- }
- .p-orderlist .p-orderlist-controls {
- padding: 1rem;
- flex-direction: row;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-controls .p-button:last-child {
- margin-right: 0;
- }
-}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
@@ -3494,6 +3343,7 @@
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
+ margin-right: 0.5rem;
height: 2.357rem;
}
.p-paginator .p-dropdown .p-dropdown-label {
@@ -3552,19 +3402,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-picklist .p-picklist-filter-container {
- padding: 1rem;
- background: #ffffff;
- border: 1px solid #dee2e6;
- border-bottom: 0 none;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.5rem;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.5rem;
- color: #6c757d;
-}
.p-picklist .p-picklist-list {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -3594,35 +3431,38 @@
color: #495057;
background: #FFF3E0;
}
-
-@media screen and (max-width: 769px) {
- .p-picklist {
- flex-direction: column;
- }
- .p-picklist .p-picklist-buttons {
- padding: 1rem;
- flex-direction: row;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-buttons .p-button:last-child {
- margin-right: 0;
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
- content: "\e930";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
- content: "\e92c";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
- content: "\e933";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
- content: "\e92f";
- }
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: #e9ecef;
}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: #e9ecef;
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 2px solid #FFC107;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #ffffff;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #dee2e6;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
.p-tree {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -3689,10 +3529,6 @@
background: #e9ecef;
color: #495057;
}
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: #e9ecef;
- color: #495057;
-}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
@@ -3710,12 +3546,6 @@
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
-.p-tree .p-treenode-droppoint {
- height: 0.5rem;
-}
-.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
- background: #ffce80;
-}
.p-treetable .p-paginator-top {
border-width: 0 0 1px 0;
@@ -3841,11 +3671,11 @@
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: #495057;
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: #495057;
}
.p-treetable .p-column-resizer-helper {
@@ -3910,31 +3740,6 @@
padding: 1.25rem 1.25rem;
}
-.p-timeline .p-timeline-event-marker {
- border: 2px solid #FFC107;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #ffffff;
-}
-.p-timeline .p-timeline-event-connector {
- background-color: #dee2e6;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
-}
-
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem;
border: 1px solid #dee2e6;
@@ -3950,7 +3755,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c;
+ box-shadow: inset 0 0 0 0.2rem #ffe69c;
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #e9ecef;
@@ -4004,7 +3809,7 @@
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
-.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-content {
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
@@ -4067,6 +3872,9 @@
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #ffe69c;
}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: #495057;
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: #e9ecef;
border-color: #dee2e6;
@@ -4150,6 +3958,17 @@
border-top: 0 none;
}
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #f8f9fa;
+ border: 0 none;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
+
.p-splitter {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -4162,16 +3981,17 @@
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: #dee2e6;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
}
.p-splitter .p-splitter-gutter-resizing {
background: #dee2e6;
}
-.p-scrollpanel .p-scrollpanel-bar {
- background: #f8f9fa;
- border: 0 none;
-}
-
.p-tabview .p-tabview-nav {
background: #ffffff;
border: 1px solid #dee2e6;
@@ -4208,9 +4028,6 @@
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;
@@ -4463,9 +4280,12 @@
border-bottom: 0 none;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
+ gap: 0.5rem;
}
-.p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
}
.p-fileupload .p-fileupload-content {
background: #ffffff;
@@ -4475,6 +4295,22 @@
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #dee2e6;
+ border-radius: 3px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
.p-fileupload .p-progressbar {
height: 0.25rem;
}
@@ -4485,35 +4321,46 @@
margin-top: 0;
}
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #ecb100;
+ color: #212529;
+ border-color: #ecb100;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #d29d00;
+ color: #212529;
+ border-color: #d29d00;
+}
+
.p-breadcrumb {
background: #ffffff;
border: 1px solid #dee2e6;
border-radius: 3px;
padding: 1rem;
}
-.p-breadcrumb ul li .p-menuitem-link {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: box-shadow 0.2s;
border-radius: 3px;
}
-.p-breadcrumb ul li .p-menuitem-link:focus {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #ffe69c;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: #495057;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: #6c757d;
}
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: #495057;
}
-.p-breadcrumb ul li:last-child .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: #495057;
}
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: #6c757d;
}
@@ -4526,39 +4373,8 @@
border-radius: 3px;
width: 12.5rem;
}
-.p-contextmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
-}
-.p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
-}
-.p-contextmenu .p-menuitem-link:focus {
+.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe69c;
}
.p-contextmenu .p-submenu-list {
padding: 0.25rem 0;
@@ -4567,16 +4383,59 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-active > .p-menuitem-link {
- background: #e9ecef;
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+ color: #495057;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .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 > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #6c757d;
}
-.p-contextmenu .p-menu-separator {
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.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: #495057;
+ background: #dee2e6;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.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: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-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
@@ -4584,78 +4443,71 @@
font-size: 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-action {
+.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-link {
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 {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
- .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list {
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
- .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container {
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
- .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
- .p-dock.p-dock-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 {
+ .p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
@@ -4667,90 +4519,60 @@
border: 1px solid #dee2e6;
border-radius: 3px;
}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 3px;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .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 {
- color: #6c757d;
- margin-left: 0.5rem;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+.p-megamenu .p-megamenu-root-list {
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-active > .p-menuitem-link,
-.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- 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: #495057;
-}
-.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 > .p-menuitem-content {
color: #495057;
+ transition: box-shadow 0.2s;
border-radius: 0;
- transition: box-shadow 0.2s;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
user-select: none;
}
-.p-megamenu .p-menuitem-link .p-menuitem-text {
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #495057;
}
-.p-megamenu .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-menuitem-link .p-submenu-icon {
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #6c757d;
}
-.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #495057;
background: #e9ecef;
}
-.p-megamenu .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-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-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #e9ecef;
}
-.p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe69c;
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #495057;
+ background: #dee2e6;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #495057;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.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: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-megamenu-panel {
background: #ffffff;
@@ -4758,7 +4580,7 @@
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 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;
@@ -4767,27 +4589,48 @@
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;
}
+.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-menu {
padding: 0.25rem 0;
@@ -4797,39 +4640,57 @@
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 {
+ 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;
@@ -4845,7 +4706,7 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
}
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
@@ -4857,89 +4718,89 @@
border: 1px solid #dee2e6;
border-radius: 3px;
}
-.p-menubar .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-menubar .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-menubar .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
-}
-.p-menubar .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .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 {
- color: #6c757d;
-}
-.p-menubar .p-menuitem-link:focus {
+.p-menubar .p-menubar-root-list {
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-menubar-root-list > .p-menuitem > .p-menuitem-content {
color: #495057;
- border-radius: 3px;
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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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: #6c757d;
}
-.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+.p-menubar .p-menuitem > .p-menuitem-content {
+ color: #495057;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #6c757d;
}
-.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-active > .p-menuitem-link,
-.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .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-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.p-highlight > .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-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.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-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.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: #495057;
+ background: #dee2e6;
+}
+.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-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-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-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 {
@@ -4949,22 +4810,13 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #e9ecef;
-}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.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;
-}
@media screen and (max-width: 960px) {
.p-menubar {
@@ -4996,56 +4848,22 @@
box-shadow: 0 2px 4px -1px rgba(0, 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: 100%;
}
- .p-menubar .p-menubar-root-list .p-menu-separator {
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
- .p-menubar .p-menubar-root-list > .p-menuitem {
+ .p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #495057;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .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 {
- color: #6c757d;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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: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 > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5058,26 +4876,26 @@
transition: transform 0.2s;
transform: rotate(90deg);
}
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 5.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 6.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 8.25rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5088,42 +4906,45 @@
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-action {
+ padding: 1rem;
+ font-weight: 600;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a:focus {
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .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;
@@ -5139,66 +4960,91 @@
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 {
+ 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 {
+.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: #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: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-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe69c;
-}
-.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: 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;
}
@@ -5207,80 +5053,6 @@
border-bottom-left-radius: 3px;
}
-.p-slidemenu {
- padding: 0.25rem 0;
- background: #ffffff;
- color: #495057;
- border: 1px solid #dee2e6;
- border-radius: 3px;
- width: 12.5rem;
-}
-.p-slidemenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
-}
-.p-slidemenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
-}
-.p-slidemenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe69c;
-}
-.p-slidemenu.p-slidemenu-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-slidemenu .p-slidemenu-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-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
- background: #e9ecef;
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
- color: #495057;
-}
-.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: #6c757d;
-}
-.p-slidemenu .p-slidemenu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0;
-}
-.p-slidemenu .p-slidemenu-icon {
- font-size: 0.875rem;
-}
-.p-slidemenu .p-slidemenu-backward {
- padding: 0.75rem 1rem;
- color: #495057;
-}
-
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
@@ -5346,7 +5118,6 @@
border-top-left-radius: 3px;
transition: box-shadow 0.2s;
margin: 0 0 -2px 0;
- height: calc(100% + 2px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
@@ -5375,61 +5146,73 @@
border-radius: 3px;
width: 12.5rem;
}
-.p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
-}
-.p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
-}
-.p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe69c;
-}
.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-active > .p-menuitem-link {
- background: #e9ecef;
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+ color: #495057;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .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 > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #6c757d;
}
-.p-tieredmenu .p-menu-separator {
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #e9ecef;
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #495057;
+ background: #dee2e6;
+}
+.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-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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.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: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-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
@@ -5741,9 +5524,6 @@
background: rgba(255, 255, 255, 0.1);
color: #f8f9fa;
}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- transition: box-shadow 0.2s;
-}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
@@ -5817,6 +5597,48 @@
border: 2px solid #ffffff;
}
+.p-badge {
+ background: #FFC107;
+ color: #212529;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #607D8B;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #689F38;
+ color: #ffffff;
+}
+.p-badge.p-badge-info {
+ background-color: #0288D1;
+ color: #ffffff;
+}
+.p-badge.p-badge-warning {
+ background-color: #FBC02D;
+ color: #212529;
+}
+.p-badge.p-badge-danger {
+ background-color: #D32F2F;
+ color: #ffffff;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
.p-chip {
background-color: #dee2e6;
color: #495057;
@@ -5838,9 +5660,9 @@
margin-right: 0.5rem;
}
.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-left: 0.5rem;
}
.p-chip .p-chip-remove-icon:focus {
outline: 0 none;
@@ -5848,6 +5670,37 @@
box-shadow: 0 0 0 0.2rem #ffe69c;
}
+.p-inplace .p-inplace-display {
+ padding: 0.5rem 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: #e9ecef;
+ color: #495057;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #ffe69c;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 1.5rem;
+ background: #dee2e6;
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #FFC107;
+}
+.p-progressbar .p-progressbar-label {
+ color: #212529;
+ line-height: 1.5rem;
+}
+
.p-scrolltop {
width: 3rem;
height: 3rem;
@@ -5903,37 +5756,6 @@
font-size: 0.75rem;
}
-.p-inplace .p-inplace-display {
- padding: 0.5rem 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: #e9ecef;
- color: #495057;
-}
-.p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe69c;
-}
-
-.p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #dee2e6;
- border-radius: 3px;
-}
-.p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #FFC107;
-}
-.p-progressbar .p-progressbar-label {
- color: #212529;
- line-height: 1.5rem;
-}
-
.p-terminal {
background: #ffffff;
color: #495057;
@@ -5945,73 +5767,6 @@
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
-.p-badge {
- background: #FFC107;
- color: #212529;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
-}
-.p-badge.p-badge-secondary {
- background-color: #607D8B;
- color: #ffffff;
-}
-.p-badge.p-badge-success {
- background-color: #689F38;
- color: #ffffff;
-}
-.p-badge.p-badge-info {
- background-color: #0288D1;
- color: #ffffff;
-}
-.p-badge.p-badge-warning {
- background-color: #FBC02D;
- color: #212529;
-}
-.p-badge.p-badge-danger {
- background-color: #D32F2F;
- color: #ffffff;
-}
-.p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
-}
-.p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
-}
-
-.p-tag {
- background: #FFC107;
- color: #212529;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 3px;
-}
-.p-tag.p-tag-success {
- background-color: #689F38;
- color: #ffffff;
-}
-.p-tag.p-tag-info {
- background-color: #0288D1;
- color: #ffffff;
-}
-.p-tag.p-tag-warning {
- background-color: #FBC02D;
- color: #212529;
-}
-.p-tag.p-tag-danger {
- background-color: #D32F2F;
- color: #ffffff;
-}
-
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #FFC107;
diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css
index e47f767..7051507 100644
--- a/public/themes/saga-purple/theme.css
+++ b/public/themes/saga-purple/theme.css
@@ -40,8 +40,8 @@
--surface-overlay:#ffffff;
--surface-border:#dee2e6;
--surface-hover: #e9ecef;
- --maskbg: rgba(0, 0, 0, 0.4);
--focus-ring: 0 0 0 0.2rem #df9eea;
+ --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light;
}
@@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
-.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.5rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #9C27B0;
}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #df9eea;
border-color: #9C27B0;
}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.25rem 0.5rem;
+ gap: 0.5rem;
+}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
@@ -265,14 +266,17 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #F3E5F5;
+ background: #dee2e6;
color: #495057;
- border-radius: 3px;
+ border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #ced4da;
+ color: #495057;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f44336;
}
@@ -296,14 +300,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: #495057;
- background: #e9ecef;
-}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #495057;
background: #F3E5F5;
}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: rgba(156, 39, 176, 0.24);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #495057;
+ background: #e9ecef;
+}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
@@ -494,10 +505,10 @@
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
+ border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
- border-left: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: #e9ecef;
@@ -585,22 +596,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1rem;
-}
-.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 #df9eea;
-}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #495057;
background: #F3E5F5;
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: rgba(156, 39, 176, 0.24);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.5rem 1rem;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@@ -637,11 +650,6 @@
border-color: #9C27B0;
background: #9C27B0;
}
-.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
- border-color: #7d1f8d;
- background: #7d1f8d;
- color: #ffffff;
-}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: #9C27B0;
}
@@ -673,24 +681,28 @@
background: #7d1f8d;
}
-.p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.5rem;
-}
-.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #9C27B0;
}
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #df9eea;
border-color: #9C27B0;
}
+.p-chips .p-chips-multiple-container {
+ padding: 0.25rem 0.5rem;
+}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
- background: #F3E5F5;
+ background: #dee2e6;
+ color: #495057;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #ced4da;
color: #495057;
- border-radius: 3px;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@@ -752,7 +764,7 @@
.p-dropdown .p-dropdown-label.p-placeholder {
color: #6c757d;
}
-.p-dropdown .p-dropdown-label:enabled:focus {
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
@@ -795,13 +807,6 @@
right: 0.5rem;
color: #6c757d;
}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
- padding-right: 3rem;
- margin-right: -3rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
- right: 2rem;
-}
.p-dropdown-panel .p-dropdown-items {
padding: 0.5rem 0;
}
@@ -818,6 +823,13 @@
color: #495057;
background: #F3E5F5;
}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: rgba(156, 39, 176, 0.24);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
@@ -1059,7 +1071,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #8c239e;
}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
+.p-inputswitch.p-invalid {
border-color: #f44336;
}
@@ -1101,13 +1113,11 @@
transition-duration: 0.2s;
}
-.p-float-label > label.p-error {
+.p-float-label > .p-invalid + label {
color: #f44336;
}
-.p-input-icon-left > i:first-of-type,
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > i:first-of-type {
left: 0.5rem;
color: #6c757d;
}
@@ -1120,9 +1130,7 @@
left: 2rem;
}
-.p-input-icon-right > i:last-of-type,
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: #6c757d;
}
@@ -1172,6 +1180,7 @@
color: #495057;
border: 1px solid #ced4da;
border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-listbox .p-listbox-header {
padding: 0.5rem 1rem;
@@ -1191,6 +1200,7 @@
}
.p-listbox .p-listbox-list {
padding: 0.5rem 0;
+ outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
@@ -1204,11 +1214,6 @@
color: #495057;
background: #F3E5F5;
}
-.p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #df9eea;
-}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 0.75rem 1rem;
@@ -1221,42 +1226,27 @@
color: #495057;
background: transparent;
}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: rgba(156, 39, 176, 0.24);
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+ border-color: #9C27B0;
+}
.p-listbox.p-invalid {
border-color: #f44336;
}
-.p-mention-panel {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-}
-.p-mention-panel .p-mention-items {
- padding: 0.5rem 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: #495057;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item:hover {
- color: #495057;
- background: #e9ecef;
-}
-.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
- color: #495057;
- background: #F3E5F5;
-}
-
.p-multiselect {
background: #ffffff;
border: 1px solid #ced4da;
@@ -1272,9 +1262,6 @@
box-shadow: 0 0 0 0.2rem #df9eea;
border-color: #9C27B0;
}
-.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.5rem;
-}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1285,9 +1272,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
- background: #F3E5F5;
+ background: #dee2e6;
color: #495057;
- border-radius: 3px;
+ border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
@@ -1299,10 +1286,6 @@
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
-.p-multiselect .p-multiselect-clear-icon {
- color: #6c757d;
- right: 2.357rem;
-}
.p-multiselect.p-invalid.p-component {
border-color: #f44336;
}
@@ -1310,12 +1293,6 @@
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.25rem 0.5rem;
}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
- padding: 0.5rem 0.5rem;
-}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.5rem;
-}
.p-multiselect-panel {
background: #ffffff;
@@ -1333,9 +1310,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
- margin: 0 0.5rem;
-}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.5rem;
}
@@ -1343,7 +1317,11 @@
right: 0.5rem;
color: #6c757d;
}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: #6c757d;
@@ -1378,15 +1356,17 @@
color: #495057;
background: #F3E5F5;
}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: rgba(156, 39, 176, 0.24);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #495057;
+ background: #dee2e6;
+}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #495057;
background: #e9ecef;
}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #df9eea;
-}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
@@ -1438,15 +1418,7 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #689F38;
}
-.p-password-panel .p-password-info.weak {
- color: #D32F2F;
-}
-.p-password-panel .p-password-info.medium {
- color: #FBC02D;
-}
-.p-password-panel .p-password-info.strong {
- color: #689F38;
-}
+
.p-radiobutton {
width: 20px;
height: 20px;
@@ -1515,10 +1487,11 @@
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #e74c3c;
}
-.p-rating .p-rating-item:focus {
+.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #df9eea;
+ border-color: #9C27B0;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #9C27B0;
@@ -1662,50 +1635,6 @@
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
-.p-treeselect-panel .p-treeselect-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: #495057;
- background: #f8f9fa;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
- margin-right: 0.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
- padding-right: 1.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.5rem;
- color: #6c757d;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 3rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 2rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- 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: #495057;
- border-color: transparent;
- background: #e9ecef;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea;
-}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
@@ -1735,6 +1664,12 @@
.p-togglebutton.p-button .p-button-icon-right {
color: #6c757d;
}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+ border-color: #9C27B0;
+}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: #e9ecef;
border-color: #ced4da;
@@ -1775,12 +1710,12 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
-.p-button:enabled:hover, .p-button:not(button):not(a):not(.p-disabled):hover {
+.p-button:enabled:hover {
background: #8c239e;
color: #ffffff;
border-color: #8c239e;
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: #7d1f8d;
color: #ffffff;
border-color: #7d1f8d;
@@ -1790,12 +1725,12 @@
color: #9C27B0;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined:enabled:hover {
background: rgba(156, 39, 176, 0.04);
color: #9C27B0;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined:enabled:active {
background: rgba(156, 39, 176, 0.16);
color: #9C27B0;
border: 1px solid;
@@ -1804,11 +1739,11 @@
color: #6c757d;
border-color: #6c757d;
}
-.p-button.p-button-outlined.p-button-plain:enabled:hover, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: #e9ecef;
color: #6c757d;
}
-.p-button.p-button-outlined.p-button-plain:enabled:active, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined.p-button-plain:enabled:active {
background: #dee2e6;
color: #6c757d;
}
@@ -1817,12 +1752,12 @@
color: #9C27B0;
border-color: transparent;
}
-.p-button.p-button-text:enabled:hover, .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text:enabled:hover {
background: rgba(156, 39, 176, 0.04);
color: #9C27B0;
border-color: transparent;
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active {
background: rgba(156, 39, 176, 0.16);
color: #9C27B0;
border-color: transparent;
@@ -1830,11 +1765,11 @@
.p-button.p-button-text.p-button-plain {
color: #6c757d;
}
-.p-button.p-button-text.p-button-plain:enabled:hover, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text.p-button-plain:enabled:hover {
background: #e9ecef;
color: #6c757d;
}
-.p-button.p-button-text.p-button-plain:enabled:active, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text.p-button-plain:enabled:active {
background: #dee2e6;
color: #6c757d;
}
@@ -1843,6 +1778,9 @@
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #df9eea;
}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1895,20 +1833,11 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
+.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
- margin-right: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
- margin-top: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
- margin-bottom: 0.5rem;
-}
.p-button.p-button-loading-label-only .p-button-loading-icon {
- margin: 0;
+ margin-right: 0;
}
.p-fluid .p-button {
@@ -1924,295 +1853,295 @@
flex: 1;
}
-.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 {
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #607D8B;
border: 1px solid #607D8B;
}
-.p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary:enabled:hover, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #56717d;
color: #ffffff;
border-color: #56717d;
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #beccd2;
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #4d646f;
color: #ffffff;
border-color: #4d646f;
}
-.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #607D8B;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(96, 125, 139, 0.04);
color: #607D8B;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(96, 125, 139, 0.16);
color: #607D8B;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #607D8B;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-text:enabled:hover, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(96, 125, 139, 0.04);
border-color: transparent;
color: #607D8B;
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(96, 125, 139, 0.16);
border-color: transparent;
color: #607D8B;
}
-.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #0288D1;
border: 1px solid #0288D1;
}
-.p-button.p-button-info:enabled:hover, .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info:enabled:hover, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #027abc;
color: #ffffff;
border-color: #027abc;
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #89d4fe;
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #026da7;
color: #ffffff;
border-color: #026da7;
}
-.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #0288D1;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:hover, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(2, 136, 209, 0.04);
color: #0288D1;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(2, 136, 209, 0.16);
color: #0288D1;
border: 1px solid;
}
-.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #0288D1;
border-color: transparent;
}
-.p-button.p-button-info.p-button-text:enabled:hover, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(2, 136, 209, 0.04);
border-color: transparent;
color: #0288D1;
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(2, 136, 209, 0.16);
border-color: transparent;
color: #0288D1;
}
-.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #689F38;
border: 1px solid #689F38;
}
-.p-button.p-button-success:enabled:hover, .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success:enabled:hover, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #5e8f32;
color: #ffffff;
border-color: #5e8f32;
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #c2e0a8;
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #537f2d;
color: #ffffff;
border-color: #537f2d;
}
-.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #689F38;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:hover, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(104, 159, 56, 0.04);
color: #689F38;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(104, 159, 56, 0.16);
color: #689F38;
border: 1px solid;
}
-.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #689F38;
border-color: transparent;
}
-.p-button.p-button-success.p-button-text:enabled:hover, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(104, 159, 56, 0.04);
border-color: transparent;
color: #689F38;
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(104, 159, 56, 0.16);
border-color: transparent;
color: #689F38;
}
-.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #212529;
background: #FBC02D;
border: 1px solid #FBC02D;
}
-.p-button.p-button-warning:enabled:hover, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning:enabled:hover, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #fab710;
color: #212529;
border-color: #fab710;
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #fde6ab;
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #e8a704;
color: #212529;
border-color: #e8a704;
}
-.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #FBC02D;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(251, 192, 45, 0.04);
color: #FBC02D;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(251, 192, 45, 0.16);
color: #FBC02D;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #FBC02D;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-text:enabled:hover, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(251, 192, 45, 0.04);
border-color: transparent;
color: #FBC02D;
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(251, 192, 45, 0.16);
border-color: transparent;
color: #FBC02D;
}
-.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #9C27B0;
border: 1px solid #9C27B0;
}
-.p-button.p-button-help:enabled:hover, .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help:enabled:hover, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #8c239e;
color: #ffffff;
border-color: #8c239e;
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #df9eea;
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #7d1f8d;
color: #ffffff;
border-color: #7d1f8d;
}
-.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #9C27B0;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:hover, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(156, 39, 176, 0.04);
color: #9C27B0;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(156, 39, 176, 0.16);
color: #9C27B0;
border: 1px solid;
}
-.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #9C27B0;
border-color: transparent;
}
-.p-button.p-button-help.p-button-text:enabled:hover, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(156, 39, 176, 0.04);
border-color: transparent;
color: #9C27B0;
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(156, 39, 176, 0.16);
border-color: transparent;
color: #9C27B0;
}
-.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #D32F2F;
border: 1px solid #D32F2F;
}
-.p-button.p-button-danger:enabled:hover, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger:enabled:hover, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #c02929;
color: #ffffff;
border-color: #c02929;
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #edacac;
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #aa2424;
color: #ffffff;
border-color: #aa2424;
}
-.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #D32F2F;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(211, 47, 47, 0.04);
color: #D32F2F;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(211, 47, 47, 0.16);
color: #D32F2F;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #D32F2F;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-text:enabled:hover, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(211, 47, 47, 0.04);
border-color: transparent;
color: #D32F2F;
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(211, 47, 47, 0.16);
border-color: transparent;
color: #D32F2F;
@@ -2223,25 +2152,89 @@
background: transparent;
border: transparent;
}
-.p-button.p-button-link:enabled:hover, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-link:enabled:hover {
background: transparent;
color: #7d1f8d;
border-color: transparent;
}
-.p-button.p-button-link:enabled:hover .p-button-label, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
+.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
-.p-button.p-button-link:enabled:focus, .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: 0 0 0 0.2rem #df9eea;
border-color: transparent;
}
-.p-button.p-button-link:enabled:active, .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-link:enabled:active {
background: transparent;
color: #7d1f8d;
border-color: transparent;
}
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: #495057;
+ color: #fff;
+}
+.p-speeddial-action:hover {
+ background: #343a40;
+ color: #fff;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
.p-splitbutton {
border-radius: 3px;
}
@@ -2494,70 +2487,6 @@
color: #D32F2F;
}
-.p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
-}
-.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
-}
-
-.p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #495057;
- color: #fff;
-}
-.p-speeddial-action:hover {
- background: #343a40;
- color: #fff;
-}
-
-.p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
-}
-
-.p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
-}
-
-.p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
-}
-
-.p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
-}
-
-.p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
-}
-.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
-}
-
-.p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
-}
-
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
@@ -2659,11 +2588,11 @@
background: #F3E5F5;
margin-left: 0.5rem;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: #6c757d;
}
.p-datatable .p-sortable-column.p-highlight {
@@ -2673,11 +2602,11 @@
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: #9C27B0;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column.p-highlight:hover {
background: #e9ecef;
color: #9C27B0;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
color: #9C27B0;
}
.p-datatable .p-sortable-column:focus {
@@ -2729,9 +2658,9 @@
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 600;
}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
- background: #F3E5F5;
- color: #495057;
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid #df9eea;
+ outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: #F3E5F5;
@@ -2743,23 +2672,7 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
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;
- color: #495057;
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
- outline: 0.15rem solid #df9eea;
- 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: #e9ecef;
- color: #495057;
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
- outline: 0.15rem solid #df9eea;
- outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
}
@@ -2799,22 +2712,31 @@
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #fcfcfc;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #F3E5F5;
color: #495057;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #495057;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #495057;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
- background: #fcfcfc;
-}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
@@ -2846,10 +2768,6 @@
padding: 1.25rem 1.25rem;
}
-.p-datatable-drag-selection-helper {
- background: rgba(156, 39, 176, 0.16);
-}
-
.p-dataview .p-paginator-top {
border-width: 0 0 1px 0;
border-radius: 0;
@@ -2886,46 +2804,6 @@
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
-.p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
-}
-
-.p-datascroller .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-datascroller-header {
- background: #f8f9fa;
- color: #495057;
- border: 1px solid #e9ecef;
- border-width: 1px 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
-}
-.p-datascroller .p-datascroller-content {
- background: #ffffff;
- color: #495057;
- border: 0 none;
- padding: 0;
-}
-.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
- border: solid #e9ecef;
- border-width: 0 0 1px 0;
-}
-.p-datascroller .p-datascroller-footer {
- background: #f8f9fa;
- color: #495057;
- border: 1px solid #e9ecef;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
-}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
@@ -3351,19 +3229,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-orderlist .p-orderlist-filter-container {
- padding: 1rem;
- background: #ffffff;
- border: 1px solid #dee2e6;
- border-bottom: 0 none;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.5rem;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.5rem;
- color: #6c757d;
-}
.p-orderlist .p-orderlist-list {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -3400,22 +3265,6 @@
background: #e9ecef;
}
-@media screen and (max-width: 769px) {
- .p-orderlist {
- flex-direction: column;
- }
- .p-orderlist .p-orderlist-controls {
- padding: 1rem;
- flex-direction: row;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-controls .p-button:last-child {
- margin-right: 0;
- }
-}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
@@ -3494,6 +3343,7 @@
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
+ margin-right: 0.5rem;
height: 2.357rem;
}
.p-paginator .p-dropdown .p-dropdown-label {
@@ -3552,19 +3402,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-picklist .p-picklist-filter-container {
- padding: 1rem;
- background: #ffffff;
- border: 1px solid #dee2e6;
- border-bottom: 0 none;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.5rem;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.5rem;
- color: #6c757d;
-}
.p-picklist .p-picklist-list {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -3594,35 +3431,38 @@
color: #495057;
background: #F3E5F5;
}
-
-@media screen and (max-width: 769px) {
- .p-picklist {
- flex-direction: column;
- }
- .p-picklist .p-picklist-buttons {
- padding: 1rem;
- flex-direction: row;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-buttons .p-button:last-child {
- margin-right: 0;
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
- content: "\e930";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
- content: "\e92c";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
- content: "\e933";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
- content: "\e92f";
- }
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: #e9ecef;
}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: #e9ecef;
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 2px solid #9C27B0;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #ffffff;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #dee2e6;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
.p-tree {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -3689,10 +3529,6 @@
background: #e9ecef;
color: #495057;
}
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: #e9ecef;
- color: #495057;
-}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
@@ -3710,12 +3546,6 @@
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
-.p-tree .p-treenode-droppoint {
- height: 0.5rem;
-}
-.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
- background: #d3a1db;
-}
.p-treetable .p-paginator-top {
border-width: 0 0 1px 0;
@@ -3841,11 +3671,11 @@
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: #495057;
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: #495057;
}
.p-treetable .p-column-resizer-helper {
@@ -3910,31 +3740,6 @@
padding: 1.25rem 1.25rem;
}
-.p-timeline .p-timeline-event-marker {
- border: 2px solid #9C27B0;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #ffffff;
-}
-.p-timeline .p-timeline-event-connector {
- background-color: #dee2e6;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
-}
-
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem;
border: 1px solid #dee2e6;
@@ -3950,7 +3755,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea;
+ box-shadow: inset 0 0 0 0.2rem #df9eea;
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #e9ecef;
@@ -4004,7 +3809,7 @@
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
-.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-content {
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
@@ -4067,6 +3872,9 @@
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #df9eea;
}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: #495057;
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: #e9ecef;
border-color: #dee2e6;
@@ -4150,6 +3958,17 @@
border-top: 0 none;
}
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #f8f9fa;
+ border: 0 none;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
+
.p-splitter {
border: 1px solid #dee2e6;
background: #ffffff;
@@ -4162,16 +3981,17 @@
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: #dee2e6;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
}
.p-splitter .p-splitter-gutter-resizing {
background: #dee2e6;
}
-.p-scrollpanel .p-scrollpanel-bar {
- background: #f8f9fa;
- border: 0 none;
-}
-
.p-tabview .p-tabview-nav {
background: #ffffff;
border: 1px solid #dee2e6;
@@ -4208,9 +4028,6 @@
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;
@@ -4463,9 +4280,12 @@
border-bottom: 0 none;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
+ gap: 0.5rem;
}
-.p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
}
.p-fileupload .p-fileupload-content {
background: #ffffff;
@@ -4475,6 +4295,22 @@
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #dee2e6;
+ border-radius: 3px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
.p-fileupload .p-progressbar {
height: 0.25rem;
}
@@ -4485,35 +4321,46 @@
margin-top: 0;
}
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #8c239e;
+ color: #ffffff;
+ border-color: #8c239e;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #7d1f8d;
+ color: #ffffff;
+ border-color: #7d1f8d;
+}
+
.p-breadcrumb {
background: #ffffff;
border: 1px solid #dee2e6;
border-radius: 3px;
padding: 1rem;
}
-.p-breadcrumb ul li .p-menuitem-link {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: box-shadow 0.2s;
border-radius: 3px;
}
-.p-breadcrumb ul li .p-menuitem-link:focus {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #df9eea;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: #495057;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: #6c757d;
}
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: #495057;
}
-.p-breadcrumb ul li:last-child .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: #495057;
}
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: #6c757d;
}
@@ -4526,39 +4373,8 @@
border-radius: 3px;
width: 12.5rem;
}
-.p-contextmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
-}
-.p-contextmenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
-}
-.p-contextmenu .p-menuitem-link:focus {
+.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #df9eea;
}
.p-contextmenu .p-submenu-list {
padding: 0.25rem 0;
@@ -4567,16 +4383,59 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-active > .p-menuitem-link {
- background: #e9ecef;
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+ color: #495057;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .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 > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #6c757d;
}
-.p-contextmenu .p-menu-separator {
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.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: #495057;
+ background: #dee2e6;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #495057;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.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: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-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
@@ -4584,78 +4443,71 @@
font-size: 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-action {
+.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-link {
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 {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
- .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list {
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
- .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container {
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
- .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
- .p-dock.p-dock-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 {
+ .p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
@@ -4667,90 +4519,60 @@
border: 1px solid #dee2e6;
border-radius: 3px;
}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 3px;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .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 {
- color: #6c757d;
- margin-left: 0.5rem;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+.p-megamenu .p-megamenu-root-list {
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-active > .p-menuitem-link,
-.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- 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: #495057;
-}
-.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 > .p-menuitem-content {
color: #495057;
+ transition: box-shadow 0.2s;
border-radius: 0;
- transition: box-shadow 0.2s;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
user-select: none;
}
-.p-megamenu .p-menuitem-link .p-menuitem-text {
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #495057;
}
-.p-megamenu .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-menuitem-link .p-submenu-icon {
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #6c757d;
}
-.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #495057;
background: #e9ecef;
}
-.p-megamenu .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-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-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
+.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #e9ecef;
}
-.p-megamenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #df9eea;
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #495057;
+ background: #dee2e6;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #495057;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.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: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-megamenu-panel {
background: #ffffff;
@@ -4758,7 +4580,7 @@
border: 0 none;
box-shadow: 0 2px 4px -1px rgba(0, 0, 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;
@@ -4767,27 +4589,48 @@
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;
}
+.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-menu {
padding: 0.25rem 0;
@@ -4797,39 +4640,57 @@
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 {
+ 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;
@@ -4845,7 +4706,7 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
}
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
@@ -4857,89 +4718,89 @@
border: 1px solid #dee2e6;
border-radius: 3px;
}
-.p-menubar .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-menubar .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-menubar .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
-}
-.p-menubar .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .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 {
- color: #6c757d;
-}
-.p-menubar .p-menuitem-link:focus {
+.p-menubar .p-menubar-root-list {
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-menubar-root-list > .p-menuitem > .p-menuitem-content {
color: #495057;
- border-radius: 3px;
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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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: #6c757d;
}
-.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
+.p-menubar .p-menuitem > .p-menuitem-content {
+ color: #495057;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #6c757d;
}
-.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-active > .p-menuitem-link,
-.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .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-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.p-highlight > .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-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.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-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.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: #495057;
+ background: #dee2e6;
+}
+.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-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-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-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 {
@@ -4949,22 +4810,13 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #e9ecef;
-}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.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;
-}
@media screen and (max-width: 960px) {
.p-menubar {
@@ -4996,56 +4848,22 @@
box-shadow: 0 2px 4px -1px rgba(0, 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: 100%;
}
- .p-menubar .p-menubar-root-list .p-menu-separator {
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
- .p-menubar .p-menubar-root-list > .p-menuitem {
+ .p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #495057;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .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 {
- color: #6c757d;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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: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 > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5058,26 +4876,26 @@
transition: transform 0.2s;
transform: rotate(90deg);
}
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 5.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 6.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 8.25rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5088,42 +4906,45 @@
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-action {
+ padding: 1rem;
+ font-weight: 600;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a:focus {
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .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;
@@ -5139,66 +4960,91 @@
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 {
+ 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 {
+.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: #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: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-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #df9eea;
-}
-.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: 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;
}
@@ -5207,80 +5053,6 @@
border-bottom-left-radius: 3px;
}
-.p-slidemenu {
- padding: 0.25rem 0;
- background: #ffffff;
- color: #495057;
- border: 1px solid #dee2e6;
- border-radius: 3px;
- width: 12.5rem;
-}
-.p-slidemenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
-}
-.p-slidemenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
-}
-.p-slidemenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #df9eea;
-}
-.p-slidemenu.p-slidemenu-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-slidemenu .p-slidemenu-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-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
- background: #e9ecef;
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
- color: #495057;
-}
-.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: #6c757d;
-}
-.p-slidemenu .p-slidemenu-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.25rem 0;
-}
-.p-slidemenu .p-slidemenu-icon {
- font-size: 0.875rem;
-}
-.p-slidemenu .p-slidemenu-backward {
- padding: 0.75rem 1rem;
- color: #495057;
-}
-
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
@@ -5346,7 +5118,6 @@
border-top-left-radius: 3px;
transition: box-shadow 0.2s;
margin: 0 0 -2px 0;
- height: calc(100% + 2px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
@@ -5375,61 +5146,73 @@
border-radius: 3px;
width: 12.5rem;
}
-.p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #495057;
- border-radius: 0;
- transition: box-shadow 0.2s;
- user-select: none;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: #495057;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
- color: #6c757d;
- margin-right: 0.5rem;
-}
-.p-tieredmenu .p-menuitem-link .p-submenu-icon {
- color: #6c757d;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
- background: #e9ecef;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #495057;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #6c757d;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #6c757d;
-}
-.p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #df9eea;
-}
.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-active > .p-menuitem-link {
- background: #e9ecef;
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+ color: #495057;
+ transition: box-shadow 0.2s;
+ border-radius: 0;
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .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 > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #6c757d;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #6c757d;
}
-.p-tieredmenu .p-menu-separator {
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #495057;
+ background: #e9ecef;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #495057;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #6c757d;
+}
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #e9ecef;
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #495057;
+ background: #dee2e6;
+}
+.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-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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #495057;
+ background: #e9ecef;
+}
+.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: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-menuitem-separator {
border-top: 1px solid #dee2e6;
margin: 0.25rem 0;
}
@@ -5741,9 +5524,6 @@
background: rgba(255, 255, 255, 0.1);
color: #f8f9fa;
}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- transition: box-shadow 0.2s;
-}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
@@ -5817,6 +5597,48 @@
border: 2px solid #ffffff;
}
+.p-badge {
+ background: #9C27B0;
+ color: #ffffff;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #607D8B;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #689F38;
+ color: #ffffff;
+}
+.p-badge.p-badge-info {
+ background-color: #0288D1;
+ color: #ffffff;
+}
+.p-badge.p-badge-warning {
+ background-color: #FBC02D;
+ color: #212529;
+}
+.p-badge.p-badge-danger {
+ background-color: #D32F2F;
+ color: #ffffff;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
.p-chip {
background-color: #dee2e6;
color: #495057;
@@ -5838,9 +5660,9 @@
margin-right: 0.5rem;
}
.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-left: 0.5rem;
}
.p-chip .p-chip-remove-icon:focus {
outline: 0 none;
@@ -5848,6 +5670,37 @@
box-shadow: 0 0 0 0.2rem #df9eea;
}
+.p-inplace .p-inplace-display {
+ padding: 0.5rem 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: #e9ecef;
+ color: #495057;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #df9eea;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 1.5rem;
+ background: #dee2e6;
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #9C27B0;
+}
+.p-progressbar .p-progressbar-label {
+ color: #ffffff;
+ line-height: 1.5rem;
+}
+
.p-scrolltop {
width: 3rem;
height: 3rem;
@@ -5903,37 +5756,6 @@
font-size: 0.75rem;
}
-.p-inplace .p-inplace-display {
- padding: 0.5rem 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: #e9ecef;
- color: #495057;
-}
-.p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #df9eea;
-}
-
-.p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #dee2e6;
- border-radius: 3px;
-}
-.p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #9C27B0;
-}
-.p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 1.5rem;
-}
-
.p-terminal {
background: #ffffff;
color: #495057;
@@ -5945,73 +5767,6 @@
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
-.p-badge {
- background: #9C27B0;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
-}
-.p-badge.p-badge-secondary {
- background-color: #607D8B;
- color: #ffffff;
-}
-.p-badge.p-badge-success {
- background-color: #689F38;
- color: #ffffff;
-}
-.p-badge.p-badge-info {
- background-color: #0288D1;
- color: #ffffff;
-}
-.p-badge.p-badge-warning {
- background-color: #FBC02D;
- color: #212529;
-}
-.p-badge.p-badge-danger {
- background-color: #D32F2F;
- color: #ffffff;
-}
-.p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
-}
-.p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
-}
-
-.p-tag {
- background: #9C27B0;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 3px;
-}
-.p-tag.p-tag-success {
- background-color: #689F38;
- color: #ffffff;
-}
-.p-tag.p-tag-info {
- background-color: #0288D1;
- color: #ffffff;
-}
-.p-tag.p-tag-warning {
- background-color: #FBC02D;
- color: #212529;
-}
-.p-tag.p-tag-danger {
- background-color: #D32F2F;
- color: #ffffff;
-}
-
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #9C27B0;
diff --git a/public/themes/tailwind-light/theme.css b/public/themes/tailwind-light/theme.css
index 90e9206..daee2ec 100644
--- a/public/themes/tailwind-light/theme.css
+++ b/public/themes/tailwind-light/theme.css
@@ -40,8 +40,8 @@
--surface-overlay:#ffffff;
--surface-border:#e5e7eb;
--surface-hover: #f4f4f5;
- --maskbg: rgba(0, 0, 0, 0.4);
--focus-ring: 0 0 0 1px #6366F1;
+ --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light;
}
@@ -276,18 +276,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 3.75rem;
}
-.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.375rem 0.75rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #d4d4d8;
}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #6366F1;
border-color: #4F46E5;
}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.375rem 0.75rem;
+ gap: 0.5rem;
+}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.375rem 0;
}
@@ -300,14 +301,17 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: #EEF2FF;
- color: #312E81;
- border-radius: 0.375rem;
+ background: #e5e7eb;
+ color: #3f3f46;
+ border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #d4d4d8;
+ color: #3f3f46;
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #f0a9a7;
}
@@ -331,14 +335,21 @@
transition: none;
border-radius: 0;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: #18181B;
- background: #f4f4f5;
-}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #312E81;
background: #EEF2FF;
}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: #E0E7FF;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #18181B;
+ background: #e5e7eb;
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: #18181B;
+ background: #f4f4f5;
+}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
@@ -529,10 +540,10 @@
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
+ border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
- border-left: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: #f4f4f5;
@@ -620,22 +631,24 @@
transition: none;
border-radius: 0;
}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.75rem 1rem;
-}
-.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;
-}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: #312E81;
background: #EEF2FF;
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: #E0E7FF;
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #18181B;
+ background: #e5e7eb;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #18181B;
background: #f4f4f5;
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.75rem 1rem;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@@ -672,11 +685,6 @@
border-color: #4F46E5;
background: #4F46E5;
}
-.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
- border-color: #4F46E5;
- background: #4F46E5;
- color: #ffffff;
-}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: #d4d4d8;
}
@@ -708,24 +716,28 @@
background: #4F46E5;
}
-.p-chips .p-chips-multiple-container {
- padding: 0.375rem 0.75rem;
-}
-.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #d4d4d8;
}
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #6366F1;
border-color: #4F46E5;
}
+.p-chips .p-chips-multiple-container {
+ padding: 0.375rem 0.75rem;
+}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
- background: #EEF2FF;
- color: #312E81;
- border-radius: 0.375rem;
+ background: #e5e7eb;
+ color: #3f3f46;
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #d4d4d8;
+ color: #3f3f46;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@@ -787,7 +799,7 @@
.p-dropdown .p-dropdown-label.p-placeholder {
color: #71717A;
}
-.p-dropdown .p-dropdown-label:enabled:focus {
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
@@ -830,13 +842,6 @@
right: 0.75rem;
color: #71717A;
}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
- padding-right: 3.5rem;
- margin-right: -3.5rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
- right: 2.5rem;
-}
.p-dropdown-panel .p-dropdown-items {
padding: 0.25rem 0;
}
@@ -853,6 +858,13 @@
color: #312E81;
background: #EEF2FF;
}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: #E0E7FF;
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #18181B;
+ background: #e5e7eb;
+}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: #18181B;
background: #f4f4f5;
@@ -1094,7 +1106,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #4338CA;
}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
+.p-inputswitch.p-invalid {
border-color: #f0a9a7;
}
@@ -1136,13 +1148,11 @@
transition-duration: 0.2s;
}
-.p-float-label > label.p-error {
- color: #e24c4c;
+.p-float-label > .p-invalid + label {
+ color: #f0a9a7;
}
-.p-input-icon-left > i:first-of-type,
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: #71717A;
}
@@ -1155,9 +1165,7 @@
left: 2.5rem;
}
-.p-input-icon-right > i:last-of-type,
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > i:last-of-type {
right: 0.75rem;
color: #71717A;
}
@@ -1207,6 +1215,7 @@
color: #3f3f46;
border: 1px solid #d4d4d8;
border-radius: 0.375rem;
+ transition: none;
}
.p-listbox .p-listbox-header {
padding: 0.5rem 0.75rem;
@@ -1226,6 +1235,7 @@
}
.p-listbox .p-listbox-list {
padding: 0.25rem 0;
+ outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
@@ -1239,11 +1249,6 @@
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;
-}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 0.75rem 1rem;
@@ -1256,42 +1261,27 @@
color: #3f3f46;
background: transparent;
}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: #E0E7FF;
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #18181B;
+ background: #e5e7eb;
+}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: #18181B;
background: #f4f4f5;
}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #6366F1;
+ border-color: #4F46E5;
+}
.p-listbox.p-invalid {
border-color: #f0a9a7;
}
-.p-mention-panel {
- background: #ffffff;
- color: #3f3f46;
- border: 0 none;
- border-radius: 0.375rem;
- box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-}
-.p-mention-panel .p-mention-items {
- padding: 0.25rem 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item {
- margin: 0;
- padding: 0.75rem 1rem;
- border: 0 none;
- color: #3f3f46;
- background: transparent;
- transition: none;
- border-radius: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item:hover {
- color: #18181B;
- background: #f4f4f5;
-}
-.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
- color: #312E81;
- background: #EEF2FF;
-}
-
.p-multiselect {
background: #ffffff;
border: 1px solid #d4d4d8;
@@ -1307,9 +1297,6 @@
box-shadow: 0 0 0 1px #6366F1;
border-color: #4F46E5;
}
-.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.75rem;
-}
.p-multiselect .p-multiselect-label {
padding: 0.75rem 0.75rem;
transition: none;
@@ -1320,9 +1307,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
- background: #EEF2FF;
- color: #312E81;
- border-radius: 0.375rem;
+ background: #e5e7eb;
+ color: #3f3f46;
+ border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
@@ -1334,10 +1321,6 @@
border-top-right-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
}
-.p-multiselect .p-multiselect-clear-icon {
- color: #71717A;
- right: 3rem;
-}
.p-multiselect.p-invalid.p-component {
border-color: #f0a9a7;
}
@@ -1345,12 +1328,6 @@
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.375rem 0.75rem;
}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
- padding: 0.75rem 0.75rem;
-}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.75rem;
-}
.p-multiselect-panel {
background: #ffffff;
@@ -1368,9 +1345,6 @@
border-top-right-radius: 0.375rem;
border-top-left-radius: 0.375rem;
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
- margin: 0 0.5rem;
-}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.75rem;
}
@@ -1378,7 +1352,11 @@
right: 0.75rem;
color: #71717A;
}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: #71717A;
@@ -1413,15 +1391,17 @@
color: #312E81;
background: #EEF2FF;
}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: #E0E7FF;
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: #18181B;
+ background: #e5e7eb;
+}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
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;
-}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
@@ -1473,15 +1453,6 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #22C55E;
}
-.p-password-panel .p-password-info.weak {
- color: #EF4444;
-}
-.p-password-panel .p-password-info.medium {
- color: #F59E0B;
-}
-.p-password-panel .p-password-info.strong {
- color: #22C55E;
-}
.p-radiobutton {
width: 16px;
@@ -1551,10 +1522,11 @@
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #EF4444;
}
-.p-rating .p-rating-item:focus {
+.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #6366F1;
+ border-color: #4F46E5;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #4F46E5;
@@ -1698,50 +1670,6 @@
border-radius: 0.375rem;
box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
-.p-treeselect-panel .p-treeselect-header {
- padding: 0.5rem 0.75rem;
- border-bottom: 0 none;
- color: #3f3f46;
- background: #fafafa;
- margin: 0;
- border-top-right-radius: 0.375rem;
- border-top-left-radius: 0.375rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
- margin-right: 0.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
- padding-right: 1.75rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.75rem;
- color: #71717A;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 3.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 2.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- 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;
- border-color: transparent;
- background: #f4f4f5;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #6366F1;
-}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
@@ -1771,6 +1699,12 @@
.p-togglebutton.p-button .p-button-icon-right {
color: #71717A;
}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #6366F1;
+ border-color: #4F46E5;
+}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: #f4f4f5;
border-color: #d4d4d8;
@@ -1811,12 +1745,12 @@
transition: none;
border-radius: 0.375rem;
}
-.p-button:enabled:hover, .p-button:not(button):not(a):not(.p-disabled):hover {
+.p-button:enabled:hover {
background: #4338CA;
color: #ffffff;
border-color: #4338CA;
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: #4338CA;
color: #ffffff;
border-color: #4338CA;
@@ -1826,12 +1760,12 @@
color: #4F46E5;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined:enabled:hover {
background: rgba(79, 70, 229, 0.04);
color: #4F46E5;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined:enabled:active {
background: rgba(79, 70, 229, 0.16);
color: #4F46E5;
border: 1px solid;
@@ -1840,11 +1774,11 @@
color: #71717A;
border-color: #71717A;
}
-.p-button.p-button-outlined.p-button-plain:enabled:hover, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: #f4f4f5;
color: #71717A;
}
-.p-button.p-button-outlined.p-button-plain:enabled:active, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined.p-button-plain:enabled:active {
background: #e5e7eb;
color: #71717A;
}
@@ -1853,12 +1787,12 @@
color: #4F46E5;
border-color: transparent;
}
-.p-button.p-button-text:enabled:hover, .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text:enabled:hover {
background: rgba(79, 70, 229, 0.04);
color: #4F46E5;
border-color: transparent;
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active {
background: rgba(79, 70, 229, 0.16);
color: #4F46E5;
border-color: transparent;
@@ -1866,11 +1800,11 @@
.p-button.p-button-text.p-button-plain {
color: #71717A;
}
-.p-button.p-button-text.p-button-plain:enabled:hover, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text.p-button-plain:enabled:hover {
background: #f4f4f5;
color: #71717A;
}
-.p-button.p-button-text.p-button-plain:enabled:active, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text.p-button-plain:enabled:active {
background: #e5e7eb;
color: #71717A;
}
@@ -1879,6 +1813,9 @@
outline-offset: 0;
box-shadow: 0 0 0 1px #6366F1;
}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1931,20 +1868,11 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
+.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
- margin-right: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
- margin-top: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
- margin-bottom: 0.5rem;
-}
.p-button.p-button-loading-label-only .p-button-loading-icon {
- margin: 0;
+ margin-right: 0;
}
.p-fluid .p-button {
@@ -1960,295 +1888,295 @@
flex: 1;
}
-.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 {
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #64748B;
border: 1px solid #64748B;
}
-.p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary:enabled:hover, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #475569;
color: #ffffff;
border-color: #475569;
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #c0c7d2;
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #475569;
color: #ffffff;
border-color: #475569;
}
-.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #64748B;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(100, 116, 139, 0.04);
color: #64748B;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(100, 116, 139, 0.16);
color: #64748B;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #64748B;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-text:enabled:hover, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(100, 116, 139, 0.04);
border-color: transparent;
color: #64748B;
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(100, 116, 139, 0.16);
border-color: transparent;
color: #64748B;
}
-.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #3B82F6;
border: 1px solid #3B82F6;
}
-.p-button.p-button-info:enabled:hover, .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info:enabled:hover, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #2563EB;
color: #ffffff;
border-color: #2563EB;
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #b1cdfb;
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #2563EB;
color: #ffffff;
border-color: #2563EB;
}
-.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #3B82F6;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:hover, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(59, 130, 246, 0.04);
color: #3B82F6;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(59, 130, 246, 0.16);
color: #3B82F6;
border: 1px solid;
}
-.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #3B82F6;
border-color: transparent;
}
-.p-button.p-button-info.p-button-text:enabled:hover, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(59, 130, 246, 0.04);
border-color: transparent;
color: #3B82F6;
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(59, 130, 246, 0.16);
border-color: transparent;
color: #3B82F6;
}
-.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #22C55E;
border: 1px solid #22C55E;
}
-.p-button.p-button-success:enabled:hover, .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success:enabled:hover, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #16A34A;
color: #ffffff;
border-color: #16A34A;
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #a0efbd;
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #16A34A;
color: #ffffff;
border-color: #16A34A;
}
-.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #22C55E;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:hover, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(34, 197, 94, 0.04);
color: #22C55E;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(34, 197, 94, 0.16);
color: #22C55E;
border: 1px solid;
}
-.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #22C55E;
border-color: transparent;
}
-.p-button.p-button-success.p-button-text:enabled:hover, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(34, 197, 94, 0.04);
border-color: transparent;
color: #22C55E;
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(34, 197, 94, 0.16);
border-color: transparent;
color: #22C55E;
}
-.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #ffffff;
background: #F59E0B;
border: 1px solid #F59E0B;
}
-.p-button.p-button-warning:enabled:hover, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning:enabled:hover, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #D97706;
color: #ffffff;
border-color: #D97706;
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #fbd89d;
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #D97706;
color: #ffffff;
border-color: #D97706;
}
-.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #F59E0B;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(245, 158, 11, 0.04);
color: #F59E0B;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(245, 158, 11, 0.16);
color: #F59E0B;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #F59E0B;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-text:enabled:hover, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(245, 158, 11, 0.04);
border-color: transparent;
color: #F59E0B;
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(245, 158, 11, 0.16);
border-color: transparent;
color: #F59E0B;
}
-.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #A855F7;
border: 1px solid #A855F7;
}
-.p-button.p-button-help:enabled:hover, .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help:enabled:hover, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #9333EA;
color: #ffffff;
border-color: #9333EA;
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #dcbbfc;
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #9333EA;
color: #ffffff;
border-color: #9333EA;
}
-.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #A855F7;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:hover, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(168, 85, 247, 0.04);
color: #A855F7;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(168, 85, 247, 0.16);
color: #A855F7;
border: 1px solid;
}
-.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #A855F7;
border-color: transparent;
}
-.p-button.p-button-help.p-button-text:enabled:hover, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(168, 85, 247, 0.04);
border-color: transparent;
color: #A855F7;
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(168, 85, 247, 0.16);
border-color: transparent;
color: #A855F7;
}
-.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #EF4444;
border: 1px solid #EF4444;
}
-.p-button.p-button-danger:enabled:hover, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger:enabled:hover, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #DC2626;
color: #ffffff;
border-color: #DC2626;
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #f9b4b4;
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #DC2626;
color: #ffffff;
border-color: #DC2626;
}
-.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #EF4444;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(239, 68, 68, 0.04);
color: #EF4444;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(239, 68, 68, 0.16);
color: #EF4444;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #EF4444;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-text:enabled:hover, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(239, 68, 68, 0.04);
border-color: transparent;
color: #EF4444;
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(239, 68, 68, 0.16);
border-color: transparent;
color: #EF4444;
@@ -2259,25 +2187,89 @@
background: transparent;
border: transparent;
}
-.p-button.p-button-link:enabled:hover, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-link:enabled:hover {
background: transparent;
color: #4F46E5;
border-color: transparent;
}
-.p-button.p-button-link:enabled:hover .p-button-label, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
+.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
-.p-button.p-button-link:enabled:focus, .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: 0 0 0 0.2rem #6366F1;
border-color: transparent;
}
-.p-button.p-button-link:enabled:active, .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-link:enabled:active {
background: transparent;
color: #4F46E5;
border-color: transparent;
}
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: #3f3f46;
+ color: #fff;
+}
+.p-speeddial-action:hover {
+ background: #27272A;
+ color: #fff;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
.p-splitbutton {
border-radius: 0.375rem;
}
@@ -2530,70 +2522,6 @@
color: #EF4444;
}
-.p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
-}
-.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
-}
-
-.p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #3f3f46;
- color: #fff;
-}
-.p-speeddial-action:hover {
- background: #27272A;
- color: #fff;
-}
-
-.p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
-}
-
-.p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
-}
-
-.p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
-}
-
-.p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
-}
-
-.p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
-}
-.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
-}
-
-.p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
-}
-
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
@@ -2695,11 +2623,11 @@
background: #EEF2FF;
margin-left: 0.5rem;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: #f4f4f5;
color: #3f3f46;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: #71717A;
}
.p-datatable .p-sortable-column.p-highlight {
@@ -2709,11 +2637,11 @@
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: #4F46E5;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column.p-highlight:hover {
background: #f4f4f5;
color: #4F46E5;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
color: #4F46E5;
}
.p-datatable .p-sortable-column:focus {
@@ -2765,9 +2693,9 @@
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 500;
}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
- background: #EEF2FF;
- color: #312E81;
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid #6366F1;
+ outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: #EEF2FF;
@@ -2779,23 +2707,7 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
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 {
- 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 {
- background: #f4f4f5;
- color: #3f3f46;
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
- 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 {
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #f4f4f5;
color: #3f3f46;
}
@@ -2835,22 +2747,31 @@
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #fcfcfc;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #EEF2FF;
color: #312E81;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #312E81;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #312E81;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
- background: #fcfcfc;
-}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.625rem 0.625rem;
}
@@ -2882,10 +2803,6 @@
padding: 0.9375rem 1.875rem;
}
-.p-datatable-drag-selection-helper {
- background: rgba(79, 70, 229, 0.16);
-}
-
.p-dataview .p-paginator-top {
border-width: 0 0 1px 0;
border-radius: 0;
@@ -2922,46 +2839,6 @@
border-bottom-left-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
}
-.p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
-}
-
-.p-datascroller .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-datascroller-header {
- background: #fafafa;
- color: #3f3f46;
- border: 1px solid #f4f4f5;
- border-width: 1px 0 1px 0;
- padding: 1.25rem 1.25rem;
- font-weight: 600;
-}
-.p-datascroller .p-datascroller-content {
- background: #ffffff;
- color: #3f3f46;
- border: 0 none;
- padding: 0;
-}
-.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
- border: solid #f4f4f5;
- border-width: 0 0 1px 0;
-}
-.p-datascroller .p-datascroller-footer {
- background: #fafafa;
- color: #3f3f46;
- border: 1px solid #f4f4f5;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1.5rem;
- font-weight: 600;
- border-bottom-left-radius: 0.375rem;
- border-bottom-right-radius: 0.375rem;
-}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
@@ -3387,19 +3264,6 @@
border-top-right-radius: 0.375rem;
border-top-left-radius: 0.375rem;
}
-.p-orderlist .p-orderlist-filter-container {
- padding: 1.25rem;
- background: #ffffff;
- border: 1px solid #e5e7eb;
- border-bottom: 0 none;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.75rem;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.75rem;
- color: #71717A;
-}
.p-orderlist .p-orderlist-list {
border: 1px solid #e5e7eb;
background: #ffffff;
@@ -3436,22 +3300,6 @@
background: #f4f4f5;
}
-@media screen and (max-width: 769px) {
- .p-orderlist {
- flex-direction: column;
- }
- .p-orderlist .p-orderlist-controls {
- padding: 1.25rem;
- flex-direction: row;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-controls .p-button:last-child {
- margin-right: 0;
- }
-}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: #f4f4f5;
color: #18181B;
@@ -3530,6 +3378,7 @@
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
+ margin-right: 0.5rem;
height: 3rem;
}
.p-paginator .p-dropdown .p-dropdown-label {
@@ -3588,19 +3437,6 @@
border-top-right-radius: 0.375rem;
border-top-left-radius: 0.375rem;
}
-.p-picklist .p-picklist-filter-container {
- padding: 1.25rem;
- background: #ffffff;
- border: 1px solid #e5e7eb;
- border-bottom: 0 none;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.75rem;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.75rem;
- color: #71717A;
-}
.p-picklist .p-picklist-list {
border: 1px solid #e5e7eb;
background: #ffffff;
@@ -3630,35 +3466,38 @@
color: #312E81;
background: #EEF2FF;
}
-
-@media screen and (max-width: 769px) {
- .p-picklist {
- flex-direction: column;
- }
- .p-picklist .p-picklist-buttons {
- padding: 1.25rem;
- flex-direction: row;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-buttons .p-button:last-child {
- margin-right: 0;
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
- content: "\e930";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
- content: "\e92c";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
- content: "\e933";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
- content: "\e92f";
- }
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: #fcfcfc;
}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: #f4f4f5;
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 2px solid #4F46E5;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #ffffff;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #e5e7eb;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
.p-tree {
border: 1px solid #e5e7eb;
background: #ffffff;
@@ -3725,10 +3564,6 @@
background: #f4f4f5;
color: #18181B;
}
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: #f4f4f5;
- color: #18181B;
-}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
@@ -3746,12 +3581,6 @@
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
-.p-tree .p-treenode-droppoint {
- height: 0.5rem;
-}
-.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
- background: #8ba7ff;
-}
.p-treetable .p-paginator-top {
border-width: 0 0 1px 0;
@@ -3877,11 +3706,11 @@
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: #f4f4f5;
color: #3f3f46;
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: #3f3f46;
}
.p-treetable .p-column-resizer-helper {
@@ -3946,31 +3775,6 @@
padding: 0.9375rem 1.875rem;
}
-.p-timeline .p-timeline-event-marker {
- border: 2px solid #4F46E5;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #ffffff;
-}
-.p-timeline .p-timeline-event-connector {
- background-color: #e5e7eb;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
-}
-
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1.25rem;
border: 1px solid #e5e7eb;
@@ -3986,7 +3790,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 1px #6366F1;
+ box-shadow: inset 0 0 0 1px #6366F1;
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #f4f4f5;
@@ -4040,7 +3844,7 @@
border-bottom-right-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
-.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-content {
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
border-bottom-right-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
@@ -4103,6 +3907,9 @@
outline-offset: 0;
box-shadow: 0 0 0 1px #6366F1;
}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: #18181B;
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: #f4f4f5;
border-color: #e5e7eb;
@@ -4186,6 +3993,17 @@
border-top: 0 none;
}
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #fafafa;
+ border: 0 none;
+ transition: none;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #6366F1;
+}
+
.p-splitter {
border: 1px solid #e5e7eb;
background: #ffffff;
@@ -4198,16 +4016,17 @@
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: #e5e7eb;
+ transition: none;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #6366F1;
}
.p-splitter .p-splitter-gutter-resizing {
background: #e5e7eb;
}
-.p-scrollpanel .p-scrollpanel-bar {
- background: #fafafa;
- border: 0 none;
-}
-
.p-tabview .p-tabview-nav {
background: #ffffff;
border: 1px solid #e5e7eb;
@@ -4244,9 +4063,6 @@
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;
@@ -4499,9 +4315,12 @@
border-bottom: 0 none;
border-top-right-radius: 0.375rem;
border-top-left-radius: 0.375rem;
+ gap: 0.5rem;
}
-.p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #6366F1;
}
.p-fileupload .p-fileupload-content {
background: #ffffff;
@@ -4511,6 +4330,22 @@
border-bottom-right-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #e5e7eb;
+ border-radius: 0.375rem;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
.p-fileupload .p-progressbar {
height: 0.25rem;
}
@@ -4521,35 +4356,46 @@
margin-top: 0;
}
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #4338CA;
+ color: #ffffff;
+ border-color: #4338CA;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #4338CA;
+ color: #ffffff;
+ border-color: #4338CA;
+}
+
.p-breadcrumb {
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 0.375rem;
padding: 1rem;
}
-.p-breadcrumb ul li .p-menuitem-link {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: none;
border-radius: 0.375rem;
}
-.p-breadcrumb ul li .p-menuitem-link:focus {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #6366F1;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: #3f3f46;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: #71717A;
}
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: #3f3f46;
}
-.p-breadcrumb ul li:last-child .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: #3f3f46;
}
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: #71717A;
}
@@ -4562,39 +4408,8 @@
border-radius: 0.375rem;
width: 12.5rem;
}
-.p-contextmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #3f3f46;
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-contextmenu .p-menuitem-link .p-menuitem-text {
- color: #3f3f46;
-}
-.p-contextmenu .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-link:not(.p-disabled):hover {
- background: #f4f4f5;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #18181B;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #71717A;
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #71717A;
-}
-.p-contextmenu .p-menuitem-link:focus {
+.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #6366F1;
}
.p-contextmenu .p-submenu-list {
padding: 0.25rem 0;
@@ -4603,16 +4418,59 @@
box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
border-radius: 0.375rem;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #f4f4f5;
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+ color: #3f3f46;
+ transition: none;
+ border-radius: 0;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #3f3f46;
}
-.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 > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #71717A;
+ margin-right: 0.5rem;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #71717A;
}
-.p-contextmenu .p-menu-separator {
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #3f3f46;
+ background: #f4f4f5;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #3f3f46;
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #71717A;
+}
+.p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #f4f4f5;
+}
+.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #18181B;
+ background: #e5e7eb;
+}
+.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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #18181B;
+ background: #f4f4f5;
+}
+.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: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-menuitem-separator {
border-top: 1px solid #f3f4f6;
margin: 0.25rem 0;
}
@@ -4620,78 +4478,71 @@
font-size: 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-action {
+.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-link {
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 {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
- .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list {
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
- .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container {
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
- .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
- .p-dock.p-dock-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 {
+ .p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
@@ -4703,90 +4554,60 @@
border: 1px solid #e5e7eb;
border-radius: 0.375rem;
}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #3f3f46;
- border-radius: 0.375rem;
- transition: none;
- user-select: none;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #3f3f46;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
- color: #71717A;
- margin-right: 0.5rem;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
- color: #71717A;
- margin-left: 0.5rem;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
- background: #f4f4f5;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #18181B;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #71717A;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #71717A;
-}
-.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
+.p-megamenu .p-megamenu-root-list {
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-active > .p-menuitem-link,
-.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
- 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 {
- 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-link {
- padding: 0.75rem 1rem;
+.p-megamenu .p-menuitem > .p-menuitem-content {
color: #3f3f46;
+ transition: none;
border-radius: 0;
- transition: none;
+}
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
user-select: none;
}
-.p-megamenu .p-menuitem-link .p-menuitem-text {
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #3f3f46;
}
-.p-megamenu .p-menuitem-link .p-menuitem-icon {
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
color: #71717A;
margin-right: 0.5rem;
}
-.p-megamenu .p-menuitem-link .p-submenu-icon {
+.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #71717A;
}
-.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
+.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #3f3f46;
background: #f4f4f5;
}
-.p-megamenu .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-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.p-highlight.p-focus > .p-menuitem-content {
+ background: #f4f4f5;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #18181B;
+ background: #e5e7eb;
+}
+.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:not(.p-disabled):hover .p-menuitem-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-submenu-icon {
- color: #71717A;
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #18181B;
+ background: #f4f4f5;
}
-.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-text {
+ color: #18181B;
+}
+.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #71717A;
}
.p-megamenu .p-megamenu-panel {
background: #ffffff;
@@ -4794,7 +4615,7 @@
border: 0 none;
box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
-.p-megamenu .p-megamenu-submenu-header {
+.p-megamenu .p-submenu-header {
margin: 0;
padding: 0.75rem 1rem;
color: #3f3f46;
@@ -4803,27 +4624,48 @@
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;
}
+.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-menu {
padding: 0.25rem 0;
@@ -4833,39 +4675,57 @@
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 {
+ 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 {
+.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 {
+.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 {
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #3f3f46;
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #71717A;
+}
+.p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #f4f4f5;
+}
+.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-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #71717A;
+.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-link:not(.p-disabled):hover .p-submenu-icon {
- color: #71717A;
+.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #18181B;
+ 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-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;
@@ -4881,7 +4741,7 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
}
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
border-top: 1px solid #f3f4f6;
margin: 0.25rem 0;
}
@@ -4893,89 +4753,89 @@
border: 1px solid #e5e7eb;
border-radius: 0.375rem;
}
-.p-menubar .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #3f3f46;
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-menubar .p-menuitem-link .p-menuitem-text {
- color: #3f3f46;
-}
-.p-menubar .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-menuitem-link:not(.p-disabled):hover {
- background: #f4f4f5;
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #18181B;
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #71717A;
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #71717A;
-}
-.p-menubar .p-menuitem-link:focus {
+.p-menubar .p-menubar-root-list {
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 {
- padding: 0.75rem 1rem;
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
color: #3f3f46;
- border-radius: 0.375rem;
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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
color: #71717A;
margin-right: 0.5rem;
}
-.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
+.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #71717A;
margin-left: 0.5rem;
}
-.p-menubar .p-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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: #18181B;
}
-.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: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:not(.p-disabled):hover .p-submenu-icon {
- color: #71717A;
+.p-menubar .p-menuitem > .p-menuitem-content {
+ color: #3f3f46;
+ transition: none;
+ border-radius: 0;
}
-.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 > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
}
-.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-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 > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #3f3f46;
}
-.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 > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #71717A;
+ margin-right: 0.5rem;
+}
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #71717A;
}
-.p-menubar .p-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.p-highlight > .p-menuitem-content {
+ color: #3f3f46;
+ background: #f4f4f5;
+}
+.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-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #f4f4f5;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #18181B;
+ background: #e5e7eb;
+}
+.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-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-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #18181B;
+ background: #f4f4f5;
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #18181B;
+}
+.p-menubar .p-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 {
@@ -4985,22 +4845,13 @@
box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
width: 12.5rem;
}
-.p-menubar .p-submenu-list .p-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-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #f4f4f5;
-}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: #3f3f46;
-}
-.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;
-}
@media screen and (max-width: 960px) {
.p-menubar {
@@ -5032,56 +4883,22 @@
box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
width: 100%;
}
- .p-menubar .p-menubar-root-list .p-menu-separator {
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
border-top: 1px solid #f3f4f6;
margin: 0.25rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
- .p-menubar .p-menubar-root-list > .p-menuitem {
+ .p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #3f3f46;
- border-radius: 0;
- transition: none;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
- color: #3f3f46;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .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:not(.p-disabled):hover {
- 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:not(.p-disabled):hover .p-menuitem-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: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 > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5094,26 +4911,26 @@
transition: transform 0.2s;
transform: rotate(90deg);
}
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 5.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 6.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 8.25rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5124,42 +4941,45 @@
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-action {
+ padding: 1.25rem;
+ font-weight: 700;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a:focus {
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .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;
@@ -5175,66 +4995,91 @@
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 {
+ 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 {
+.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 {
+.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #71717A;
}
-.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #3f3f46;
background: #f4f4f5;
}
-.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
+.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-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: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 {
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #18181B;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #18181B;
+ background: #f4f4f5;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #18181B;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: #71717A;
}
-.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #71717A;
-}
-.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 .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;
}
@@ -5243,80 +5088,6 @@
border-bottom-left-radius: 0.375rem;
}
-.p-slidemenu {
- padding: 0.25rem 0;
- background: #ffffff;
- color: #3f3f46;
- border: 1px solid #e5e7eb;
- border-radius: 0.375rem;
- width: 12.5rem;
-}
-.p-slidemenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #3f3f46;
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-slidemenu .p-menuitem-link .p-menuitem-text {
- color: #3f3f46;
-}
-.p-slidemenu .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:not(.p-disabled):hover {
- background: #f4f4f5;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #18181B;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #71717A;
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #71717A;
-}
-.p-slidemenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #6366F1;
-}
-.p-slidemenu.p-slidemenu-overlay {
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-}
-.p-slidemenu .p-slidemenu-list {
- padding: 0.25rem 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
- background: #f4f4f5;
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
- 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;
-}
-.p-slidemenu .p-slidemenu-separator {
- border-top: 1px solid #f3f4f6;
- margin: 0.25rem 0;
-}
-.p-slidemenu .p-slidemenu-icon {
- font-size: 0.875rem;
-}
-.p-slidemenu .p-slidemenu-backward {
- padding: 0.75rem 1rem;
- color: #3f3f46;
-}
-
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: none;
@@ -5382,7 +5153,6 @@
border-top-left-radius: 0.375rem;
transition: none;
margin: 0 0 -2px 0;
- height: calc(100% + 2px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
@@ -5411,61 +5181,73 @@
border-radius: 0.375rem;
width: 12.5rem;
}
-.p-tieredmenu .p-menuitem-link {
- padding: 0.75rem 1rem;
- color: #3f3f46;
- border-radius: 0;
- transition: none;
- user-select: none;
-}
-.p-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: #3f3f46;
-}
-.p-tieredmenu .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-link:not(.p-disabled):hover {
- background: #f4f4f5;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
- color: #18181B;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: #71717A;
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: #71717A;
-}
-.p-tieredmenu .p-menuitem-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #6366F1;
-}
.p-tieredmenu.p-tieredmenu-overlay {
background: #ffffff;
border: 0 none;
box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
+.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 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #f4f4f5;
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+ color: #3f3f46;
+ transition: none;
+ border-radius: 0;
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #3f3f46;
}
-.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 > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+ color: #71717A;
+ margin-right: 0.5rem;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #71717A;
}
-.p-tieredmenu .p-menu-separator {
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: #3f3f46;
+ background: #f4f4f5;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: #3f3f46;
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: #71717A;
+}
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #f4f4f5;
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+ color: #18181B;
+ background: #e5e7eb;
+}
+.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-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:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+ color: #18181B;
+ background: #f4f4f5;
+}
+.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: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-menuitem-separator {
border-top: 1px solid #f3f4f6;
margin: 0.25rem 0;
}
@@ -5777,9 +5559,6 @@
background: rgba(255, 255, 255, 0.1);
color: #fafafa;
}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- transition: none;
-}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
@@ -5853,6 +5632,48 @@
border: 2px solid #ffffff;
}
+.p-badge {
+ background: #4F46E5;
+ color: #ffffff;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #64748B;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #22C55E;
+ color: #ffffff;
+}
+.p-badge.p-badge-info {
+ background-color: #3B82F6;
+ color: #ffffff;
+}
+.p-badge.p-badge-warning {
+ background-color: #F59E0B;
+ color: #ffffff;
+}
+.p-badge.p-badge-danger {
+ background-color: #EF4444;
+ color: #ffffff;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
.p-chip {
background-color: #e5e7eb;
color: #3f3f46;
@@ -5874,9 +5695,9 @@
margin-right: 0.5rem;
}
.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
border-radius: 0.375rem;
transition: none;
- margin-left: 0.5rem;
}
.p-chip .p-chip-remove-icon:focus {
outline: 0 none;
@@ -5884,6 +5705,37 @@
box-shadow: 0 0 0 1px #6366F1;
}
+.p-inplace .p-inplace-display {
+ padding: 0.75rem 0.75rem;
+ border-radius: 0.375rem;
+ transition: none;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: #f4f4f5;
+ color: #18181B;
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #6366F1;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 1.5rem;
+ background: #e5e7eb;
+ border-radius: 0.375rem;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #4F46E5;
+}
+.p-progressbar .p-progressbar-label {
+ color: #ffffff;
+ line-height: 1.5rem;
+}
+
.p-scrolltop {
width: 3rem;
height: 3rem;
@@ -5939,37 +5791,6 @@
font-size: 0.75rem;
}
-.p-inplace .p-inplace-display {
- padding: 0.75rem 0.75rem;
- border-radius: 0.375rem;
- transition: none;
-}
-.p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: #f4f4f5;
- color: #18181B;
-}
-.p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #6366F1;
-}
-
-.p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #e5e7eb;
- border-radius: 0.375rem;
-}
-.p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #4F46E5;
-}
-.p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 1.5rem;
-}
-
.p-terminal {
background: #ffffff;
color: #3f3f46;
@@ -5981,73 +5802,6 @@
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";
}
-.p-badge {
- background: #4F46E5;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
-}
-.p-badge.p-badge-secondary {
- background-color: #64748B;
- color: #ffffff;
-}
-.p-badge.p-badge-success {
- background-color: #22C55E;
- color: #ffffff;
-}
-.p-badge.p-badge-info {
- background-color: #3B82F6;
- color: #ffffff;
-}
-.p-badge.p-badge-warning {
- background-color: #F59E0B;
- color: #ffffff;
-}
-.p-badge.p-badge-danger {
- background-color: #EF4444;
- color: #ffffff;
-}
-.p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
-}
-.p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
-}
-
-.p-tag {
- background: #4F46E5;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 0.375rem;
-}
-.p-tag.p-tag-success {
- background-color: #22C55E;
- color: #ffffff;
-}
-.p-tag.p-tag-info {
- background-color: #3B82F6;
- color: #ffffff;
-}
-.p-tag.p-tag-warning {
- background-color: #F59E0B;
- color: #ffffff;
-}
-.p-tag.p-tag-danger {
- background-color: #EF4444;
- color: #ffffff;
-}
-
/* Customizations to the designer theme should be defined here */
.p-inputtext, .p-togglebutton, .p-selectbutton, .p-inputgroup {
box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(0, 0, 0, 0.05);
@@ -6117,6 +5871,14 @@
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #6366F1, 0 1px 2px 0 rgba(0, 0, 0, 0);
}
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+ background-color: #4F46E5;
+}
+
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background-color: #4F46E5;
+}
+
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
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 7be4279..4ed9aa4 100644
--- a/public/themes/vela-blue/theme.css
+++ b/public/themes/vela-blue/theme.css
@@ -40,8 +40,8 @@
--surface-overlay:#1f2d40;
--surface-border:#304562;
--surface-hover:rgba(255,255,255,.03);
- --maskbg: rgba(0, 0, 0, 0.4);
--focus-ring: 0 0 0 1px #93cbf9;
+ --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light dark;
}
@@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
-.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.5rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #64B5F6;
}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.25rem 0.5rem;
+ gap: 0.5rem;
+}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
@@ -265,14 +266,17 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: rgba(100, 181, 246, 0.16);
+ background: #304562;
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
+ border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #3e526d;
+ color: rgba(255, 255, 255, 0.87);
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@@ -296,14 +300,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
-}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(100, 181, 246, 0.16);
}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: rgba(100, 181, 246, 0.24);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
@@ -494,10 +505,10 @@
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
+ border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
- border-left: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03);
@@ -585,22 +596,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1rem;
-}
-.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 #93cbf9;
-}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(100, 181, 246, 0.16);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: rgba(100, 181, 246, 0.24);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.5rem 1rem;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@@ -637,11 +650,6 @@
border-color: #64B5F6;
background: #64B5F6;
}
-.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
- border-color: #2396f2;
- background: #2396f2;
- color: #212529;
-}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: #64B5F6;
}
@@ -673,24 +681,28 @@
background: #2396f2;
}
-.p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.5rem;
-}
-.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #64B5F6;
}
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
+.p-chips .p-chips-multiple-container {
+ padding: 0.25rem 0.5rem;
+}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
- background: rgba(100, 181, 246, 0.16);
+ background: #304562;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #3e526d;
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@@ -752,7 +764,7 @@
.p-dropdown .p-dropdown-label.p-placeholder {
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown .p-dropdown-label:enabled:focus {
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
@@ -795,13 +807,6 @@
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
- padding-right: 3rem;
- margin-right: -3rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
- right: 2rem;
-}
.p-dropdown-panel .p-dropdown-items {
padding: 0.5rem 0;
}
@@ -818,6 +823,13 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(100, 181, 246, 0.16);
}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: rgba(100, 181, 246, 0.24);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -1059,7 +1071,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #43a5f4;
}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
+.p-inputswitch.p-invalid {
border-color: #ef9a9a;
}
@@ -1101,13 +1113,11 @@
transition-duration: 0.2s;
}
-.p-float-label > label.p-error {
+.p-float-label > .p-invalid + label {
color: #ef9a9a;
}
-.p-input-icon-left > i:first-of-type,
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > i:first-of-type {
left: 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1120,9 +1130,7 @@
left: 2rem;
}
-.p-input-icon-right > i:last-of-type,
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1172,6 +1180,7 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-listbox .p-listbox-header {
padding: 0.5rem 1rem;
@@ -1191,6 +1200,7 @@
}
.p-listbox .p-listbox-list {
padding: 0.5rem 0;
+ outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
@@ -1204,11 +1214,6 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(100, 181, 246, 0.16);
}
-.p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #93cbf9;
-}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 0.75rem 1rem;
@@ -1221,42 +1226,27 @@
color: rgba(255, 255, 255, 0.87);
background: transparent;
}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: rgba(100, 181, 246, 0.24);
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+ border-color: #64B5F6;
+}
.p-listbox.p-invalid {
border-color: #ef9a9a;
}
-.p-mention-panel {
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #304562;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-}
-.p-mention-panel .p-mention-items {
- padding: 0.5rem 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
-}
-.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16);
-}
-
.p-multiselect {
background: #17212f;
border: 1px solid #304562;
@@ -1272,9 +1262,6 @@
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
-.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.5rem;
-}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1285,9 +1272,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
- background: rgba(100, 181, 246, 0.16);
+ background: #304562;
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
+ border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
@@ -1299,10 +1286,6 @@
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
-.p-multiselect .p-multiselect-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 2.357rem;
-}
.p-multiselect.p-invalid.p-component {
border-color: #ef9a9a;
}
@@ -1310,12 +1293,6 @@
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.25rem 0.5rem;
}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
- padding: 0.5rem 0.5rem;
-}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.5rem;
-}
.p-multiselect-panel {
background: #1f2d40;
@@ -1333,9 +1310,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
- margin: 0 0.5rem;
-}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.5rem;
}
@@ -1343,7 +1317,11 @@
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
@@ -1378,15 +1356,17 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(100, 181, 246, 0.16);
}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: rgba(100, 181, 246, 0.24);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #93cbf9;
-}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
@@ -1438,15 +1418,6 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #C5E1A5;
}
-.p-password-panel .p-password-info.weak {
- color: #F48FB1;
-}
-.p-password-panel .p-password-info.medium {
- color: #FFE082;
-}
-.p-password-panel .p-password-info.strong {
- color: #C5E1A5;
-}
.p-radiobutton {
width: 20px;
@@ -1516,10 +1487,11 @@
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #F48FB1;
}
-.p-rating .p-rating-item:focus {
+.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
+ border-color: #64B5F6;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #64B5F6;
@@ -1663,50 +1635,6 @@
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
-.p-treeselect-panel .p-treeselect-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
- margin-right: 0.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
- padding-right: 1.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 3rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 2rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- 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: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
-}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
@@ -1736,6 +1664,12 @@
.p-togglebutton.p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+ border-color: #64B5F6;
+}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
border-color: #304562;
@@ -1776,12 +1710,12 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
-.p-button:enabled:hover, .p-button:not(button):not(a):not(.p-disabled):hover {
+.p-button:enabled:hover {
background: #43a5f4;
color: #212529;
border-color: #43a5f4;
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: #2396f2;
color: #212529;
border-color: #2396f2;
@@ -1791,12 +1725,12 @@
color: #64B5F6;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined:enabled:hover {
background: rgba(100, 181, 246, 0.04);
color: #64B5F6;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined:enabled:active {
background: rgba(100, 181, 246, 0.16);
color: #64B5F6;
border: 1px solid;
@@ -1805,11 +1739,11 @@
color: rgba(255, 255, 255, 0.6);
border-color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:hover, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:active, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1818,12 +1752,12 @@
color: #64B5F6;
border-color: transparent;
}
-.p-button.p-button-text:enabled:hover, .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text:enabled:hover {
background: rgba(100, 181, 246, 0.04);
color: #64B5F6;
border-color: transparent;
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active {
background: rgba(100, 181, 246, 0.16);
color: #64B5F6;
border-color: transparent;
@@ -1831,11 +1765,11 @@
.p-button.p-button-text.p-button-plain {
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:hover, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:active, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1844,6 +1778,9 @@
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1896,20 +1833,11 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
+.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
- margin-right: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
- margin-top: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
- margin-bottom: 0.5rem;
-}
.p-button.p-button-loading-label-only .p-button-loading-icon {
- margin: 0;
+ margin-right: 0;
}
.p-fluid .p-button {
@@ -1925,295 +1853,295 @@
flex: 1;
}
-.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 {
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #78909C;
border: 1px solid #78909C;
}
-.p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary:enabled:hover, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #69838f;
color: #ffffff;
border-color: #69838f;
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #a1b1ba;
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #5d747f;
color: #ffffff;
border-color: #5d747f;
}
-.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #78909C;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(120, 144, 156, 0.04);
color: #78909C;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(120, 144, 156, 0.16);
color: #78909C;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #78909C;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-text:enabled:hover, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(120, 144, 156, 0.04);
border-color: transparent;
color: #78909C;
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(120, 144, 156, 0.16);
border-color: transparent;
color: #78909C;
}
-.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #121212;
background: #81D4FA;
border: 1px solid #81D4FA;
}
-.p-button.p-button-info:enabled:hover, .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info:enabled:hover, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #5dc8f9;
color: #121212;
border-color: #5dc8f9;
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #a7e1fc;
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #38bbf7;
color: #121212;
border-color: #38bbf7;
}
-.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #81D4FA;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:hover, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(129, 212, 250, 0.04);
color: #81D4FA;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(129, 212, 250, 0.16);
color: #81D4FA;
border: 1px solid;
}
-.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #81D4FA;
border-color: transparent;
}
-.p-button.p-button-info.p-button-text:enabled:hover, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(129, 212, 250, 0.04);
border-color: transparent;
color: #81D4FA;
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(129, 212, 250, 0.16);
border-color: transparent;
color: #81D4FA;
}
-.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #121212;
background: #C5E1A5;
border: 1px solid #C5E1A5;
}
-.p-button.p-button-success:enabled:hover, .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success:enabled:hover, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #b2d788;
color: #121212;
border-color: #b2d788;
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #d6eac0;
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #9fce6b;
color: #121212;
border-color: #9fce6b;
}
-.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #C5E1A5;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:hover, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(197, 225, 165, 0.04);
color: #C5E1A5;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(197, 225, 165, 0.16);
color: #C5E1A5;
border: 1px solid;
}
-.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #C5E1A5;
border-color: transparent;
}
-.p-button.p-button-success.p-button-text:enabled:hover, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(197, 225, 165, 0.04);
border-color: transparent;
color: #C5E1A5;
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(197, 225, 165, 0.16);
border-color: transparent;
color: #C5E1A5;
}
-.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #121212;
background: #FFE082;
border: 1px solid #FFE082;
}
-.p-button.p-button-warning:enabled:hover, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning:enabled:hover, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #ffd65c;
color: #121212;
border-color: #ffd65c;
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #ffe9a8;
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #ffcd35;
color: #121212;
border-color: #ffcd35;
}
-.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #FFE082;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(255, 224, 130, 0.04);
color: #FFE082;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(255, 224, 130, 0.16);
color: #FFE082;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #FFE082;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-text:enabled:hover, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(255, 224, 130, 0.04);
border-color: transparent;
color: #FFE082;
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(255, 224, 130, 0.16);
border-color: transparent;
color: #FFE082;
}
-.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #121212;
background: #CE93D8;
border: 1px solid #CE93D8;
}
-.p-button.p-button-help:enabled:hover, .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help:enabled:hover, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #c278ce;
color: #121212;
border-color: #c278ce;
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #ddb3e4;
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #b65ec5;
color: #121212;
border-color: #b65ec5;
}
-.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #CE93D8;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:hover, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(206, 147, 216, 0.04);
color: #CE93D8;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(206, 147, 216, 0.16);
color: #CE93D8;
border: 1px solid;
}
-.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #CE93D8;
border-color: transparent;
}
-.p-button.p-button-help.p-button-text:enabled:hover, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(206, 147, 216, 0.04);
border-color: transparent;
color: #CE93D8;
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(206, 147, 216, 0.16);
border-color: transparent;
color: #CE93D8;
}
-.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #121212;
background: #F48FB1;
border: 1px solid #F48FB1;
}
-.p-button.p-button-danger:enabled:hover, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger:enabled:hover, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #f16c98;
color: #121212;
border-color: #f16c98;
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #f7b1c8;
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #ed4980;
color: #121212;
border-color: #ed4980;
}
-.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #F48FB1;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(244, 143, 177, 0.04);
color: #F48FB1;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(244, 143, 177, 0.16);
color: #F48FB1;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #F48FB1;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-text:enabled:hover, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(244, 143, 177, 0.04);
border-color: transparent;
color: #F48FB1;
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(244, 143, 177, 0.16);
border-color: transparent;
color: #F48FB1;
@@ -2224,25 +2152,89 @@
background: transparent;
border: transparent;
}
-.p-button.p-button-link:enabled:hover, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-link:enabled:hover {
background: transparent;
color: #64B5F6;
border-color: transparent;
}
-.p-button.p-button-link:enabled:hover .p-button-label, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
+.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
-.p-button.p-button-link:enabled:focus, .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: 0 0 0 0.1rem #93cbf9;
border-color: transparent;
}
-.p-button.p-button-link:enabled:active, .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-link:enabled:active {
background: transparent;
color: #64B5F6;
border-color: transparent;
}
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: rgba(255, 255, 255, 0.87);
+ color: #17212f;
+}
+.p-speeddial-action:hover {
+ background: rgba(255, 255, 255, 0.6);
+ color: #17212f;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
.p-splitbutton {
border-radius: 3px;
}
@@ -2495,70 +2487,6 @@
color: #F48FB1;
}
-.p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
-}
-.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
-}
-
-.p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: rgba(255, 255, 255, 0.87);
- color: #17212f;
-}
-.p-speeddial-action:hover {
- background: rgba(255, 255, 255, 0.6);
- color: #17212f;
-}
-
-.p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
-}
-
-.p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
-}
-
-.p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
-}
-
-.p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
-}
-
-.p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
-}
-.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
-}
-
-.p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
-}
-
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
@@ -2597,7 +2525,7 @@
border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: rgba(255, 255, 255, 0.03);
+ background: #3c567a;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: rgba(100, 181, 246, 0.16);
@@ -2660,11 +2588,11 @@
background: rgba(100, 181, 246, 0.16);
margin-left: 0.5rem;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-datatable .p-sortable-column.p-highlight {
@@ -2674,11 +2602,11 @@
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: #64B5F6;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column.p-highlight:hover {
background: rgba(255, 255, 255, 0.03);
color: #64B5F6;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
color: #64B5F6;
}
.p-datatable .p-sortable-column:focus {
@@ -2730,9 +2658,9 @@
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 600;
}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
- background: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87);
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid #93cbf9;
+ outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: rgba(100, 181, 246, 0.16);
@@ -2744,23 +2672,7 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 rgba(100, 181, 246, 0.16);
}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
- outline: 0.15rem solid #93cbf9;
- 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: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
- outline: 0.15rem solid #93cbf9;
- outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
@@ -2800,22 +2712,31 @@
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #253144;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: rgba(100, 181, 246, 0.16);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
- background: #253144;
-}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
@@ -2847,10 +2768,6 @@
padding: 1.25rem 1.25rem;
}
-.p-datatable-drag-selection-helper {
- background: rgba(100, 181, 246, 0.16);
-}
-
.p-dataview .p-paginator-top {
border-width: 1px 0 1px 0;
border-radius: 0;
@@ -2887,46 +2804,6 @@
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
-.p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
-}
-
-.p-datascroller .p-paginator-top {
- border-width: 1px 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-datascroller-header {
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.6);
- border: 1px solid #304562;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
-}
-.p-datascroller .p-datascroller-content {
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- padding: 0;
-}
-.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
- border: solid #304562;
- border-width: 0 0 1px 0;
-}
-.p-datascroller .p-datascroller-footer {
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #304562;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
-}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
@@ -3352,19 +3229,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-orderlist .p-orderlist-filter-container {
- padding: 1rem;
- background: #1f2d40;
- border: 1px solid #304562;
- border-bottom: 0 none;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.5rem;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-orderlist .p-orderlist-list {
border: 1px solid #304562;
background: #1f2d40;
@@ -3401,22 +3265,6 @@
background: rgba(255, 255, 255, 0.03);
}
-@media screen and (max-width: 960px) {
- .p-orderlist {
- flex-direction: column;
- }
- .p-orderlist .p-orderlist-controls {
- padding: 1rem;
- flex-direction: row;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-controls .p-button:last-child {
- margin-right: 0;
- }
-}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
@@ -3495,6 +3343,7 @@
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
+ margin-right: 0.5rem;
height: 2.286em;
}
.p-paginator .p-dropdown .p-dropdown-label {
@@ -3553,19 +3402,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-picklist .p-picklist-filter-container {
- padding: 1rem;
- background: #1f2d40;
- border: 1px solid #304562;
- border-bottom: 0 none;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.5rem;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-picklist .p-picklist-list {
border: 1px solid #304562;
background: #1f2d40;
@@ -3595,35 +3431,38 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(100, 181, 246, 0.16);
}
-
-@media screen and (max-width: 960px) {
- .p-picklist {
- flex-direction: column;
- }
- .p-picklist .p-picklist-buttons {
- padding: 1rem;
- flex-direction: row;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-buttons .p-button:last-child {
- margin-right: 0;
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
- content: "\e930";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
- content: "\e92c";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
- content: "\e933";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
- content: "\e92f";
- }
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: rgba(255, 255, 255, 0.01);
}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 2px solid #64B5F6;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #1f2d40;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #304562;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
.p-tree {
border: 1px solid #304562;
background: #1f2d40;
@@ -3690,10 +3529,6 @@
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
@@ -3711,12 +3546,6 @@
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
-.p-tree .p-treenode-droppoint {
- height: 0.5rem;
-}
-.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
- background: rgba(35, 150, 242, 0.16);
-}
.p-treetable .p-paginator-top {
border-width: 1px 0 1px 0;
@@ -3842,11 +3671,11 @@
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: rgba(255, 255, 255, 0.87);
}
.p-treetable .p-column-resizer-helper {
@@ -3911,31 +3740,6 @@
padding: 1.25rem 1.25rem;
}
-.p-timeline .p-timeline-event-marker {
- border: 2px solid #64B5F6;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #1f2d40;
-}
-.p-timeline .p-timeline-event-connector {
- background-color: #304562;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
-}
-
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem;
border: 1px solid #304562;
@@ -3951,7 +3755,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
+ box-shadow: inset 0 0 0 1px #93cbf9;
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: rgba(255, 255, 255, 0.03);
@@ -4005,7 +3809,7 @@
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
-.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-content {
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
@@ -4068,6 +3872,9 @@
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: rgba(255, 255, 255, 0.03);
border-color: #304562;
@@ -4151,6 +3958,17 @@
border-top: 0 none;
}
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #304562;
+ border: 0 none;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+
.p-splitter {
border: 1px solid #304562;
background: #1f2d40;
@@ -4163,16 +3981,17 @@
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: #304562;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
}
.p-splitter .p-splitter-gutter-resizing {
background: #304562;
}
-.p-scrollpanel .p-scrollpanel-bar {
- background: #304562;
- border: 0 none;
-}
-
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #304562;
@@ -4209,9 +4028,6 @@
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;
@@ -4464,9 +4280,12 @@
border-bottom: 0 none;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
+ gap: 0.5rem;
}
-.p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
}
.p-fileupload .p-fileupload-content {
background: #1f2d40;
@@ -4476,6 +4295,22 @@
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #304562;
+ border-radius: 3px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
.p-fileupload .p-progressbar {
height: 0.25rem;
}
@@ -4486,35 +4321,46 @@
margin-top: 0;
}
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #43a5f4;
+ color: #212529;
+ border-color: #43a5f4;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #2396f2;
+ color: #212529;
+ border-color: #2396f2;
+}
+
.p-breadcrumb {
background: #1f2d40;
border: 1px solid #304562;
border-radius: 3px;
padding: 1rem;
}
-.p-breadcrumb ul li .p-menuitem-link {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: box-shadow 0.2s;
border-radius: 3px;
}
-.p-breadcrumb ul li .p-menuitem-link:focus {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
@@ -4527,39 +4373,8 @@
border-radius: 3px;
width: 12.5rem;
}
-.p-contextmenu .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-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .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 {
- 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-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:focus {
+.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #93cbf9;
}
.p-contextmenu .p-submenu-list {
padding: 0.25rem 0;
@@ -4568,16 +4383,59 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-active > .p-menuitem-link {
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
background: #17212f;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .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.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.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-menu-separator {
+.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:not(.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:not(.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: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: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-menuitem-separator {
border-top: 1px solid #304562;
margin: 0.25rem 0;
}
@@ -4585,78 +4443,71 @@
font-size: 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-action {
+.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-link {
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 {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
- .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list {
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
- .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container {
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
- .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
- .p-dock.p-dock-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 {
+ .p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
@@ -4668,98 +4519,68 @@
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 {
+ 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);
-}
-.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 #93cbf9;
-}
-.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: #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 {
+.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-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: 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.p-highlight.p-focus > .p-menuitem-content {
+ background: #17212f;
+}
+.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-menuitem:not(.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;
- 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-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.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);
@@ -4768,27 +4589,48 @@
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;
}
+.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-menu {
padding: 0.25rem 0;
@@ -4798,40 +4640,58 @@
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 {
+ 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: #17212f;
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #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:not(.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-link:not(.p-disabled):hover .p-menuitem-text {
+.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-link:not(.p-disabled):hover .p-menuitem-icon {
+.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-menuitem-link:not(.p-disabled):hover .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 #93cbf9;
-}
.p-menu.p-menu-overlay {
background: #1f2d40;
border: 1px solid #304562;
@@ -4846,7 +4706,7 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
}
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
border-top: 1px solid #304562;
margin: 0.25rem 0;
}
@@ -4858,89 +4718,89 @@
border: 1px solid #304562;
border-radius: 3px;
}
-.p-menubar .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-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-menubar .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 {
- color: rgba(255, 255, 255, 0.6);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .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.87);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-menubar .p-menuitem-link:focus {
+.p-menubar .p-menubar-root-list {
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-menubar-root-list > .p-menuitem > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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 > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #93cbf9;
+.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-active > .p-menuitem-link,
-.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.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-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.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-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.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-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.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-submenu-list {
@@ -4950,22 +4810,13 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #17212f;
-}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.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);
-}
@media screen and (max-width: 960px) {
.p-menubar {
@@ -4997,56 +4848,22 @@
box-shadow: 0 2px 4px -1px rgba(0, 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: 100%;
}
- .p-menubar .p-menubar-root-list .p-menu-separator {
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
border-top: 1px solid #304562;
margin: 0.25rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
- .p-menubar .p-menubar-root-list > .p-menuitem {
+ .p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list > .p-menuitem > .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-menubar .p-menubar-root-list > .p-menuitem > .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 {
- 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 {
- 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:not(.p-disabled):hover .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 {
- 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 {
- 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 #93cbf9;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5059,26 +4876,26 @@
transition: transform 0.2s;
transform: rotate(90deg);
}
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 5.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 6.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 8.25rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5089,42 +4906,45 @@
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-action {
+ padding: 1rem;
+ font-weight: 600;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a:focus {
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .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);
@@ -5140,66 +4960,91 @@
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 {
+ 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: #17212f;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-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: #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:not(.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:not(.p-disabled):hover .p-menuitem-text {
+.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:not(.p-disabled):hover .p-menuitem-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-link:not(.p-disabled):hover .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 #93cbf9;
-}
-.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 #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;
}
@@ -5208,80 +5053,6 @@
border-bottom-left-radius: 3px;
}
-.p-slidemenu {
- padding: 0.25rem 0;
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #304562;
- border-radius: 3px;
- width: 12.5rem;
-}
-.p-slidemenu .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-slidemenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .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 {
- 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:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .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-slidemenu-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-slidemenu .p-slidemenu-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-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
- background: #17212f;
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.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: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-slidemenu-separator {
- border-top: 1px solid #304562;
- margin: 0.25rem 0;
-}
-.p-slidemenu .p-slidemenu-icon {
- font-size: 0.875rem;
-}
-.p-slidemenu .p-slidemenu-backward {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
-}
-
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
@@ -5347,7 +5118,6 @@
border-top-left-radius: 3px;
transition: box-shadow 0.2s;
margin: 0 0 -2px 0;
- height: calc(100% + 2px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
@@ -5376,61 +5146,73 @@
border-radius: 3px;
width: 12.5rem;
}
-.p-tieredmenu .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-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .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 {
- 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 {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #93cbf9;
-}
.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-active > .p-menuitem-link {
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
background: #17212f;
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .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.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.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-menu-separator {
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #17212f;
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ 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: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: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;
}
@@ -5698,7 +5480,7 @@
border-radius: 50%;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.1);
+ background: #3c567a;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(100, 181, 246, 0.16);
@@ -5742,9 +5524,6 @@
background: rgba(255, 255, 255, 0.1);
color: #f8f9fa;
}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- transition: box-shadow 0.2s;
-}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
@@ -5818,6 +5597,48 @@
border: 2px solid #1f2d40;
}
+.p-badge {
+ background: #64B5F6;
+ color: #212529;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #78909C;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #C5E1A5;
+ color: #121212;
+}
+.p-badge.p-badge-info {
+ background-color: #81D4FA;
+ color: #121212;
+}
+.p-badge.p-badge-warning {
+ background-color: #FFE082;
+ color: #121212;
+}
+.p-badge.p-badge-danger {
+ background-color: #F48FB1;
+ color: #121212;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
.p-chip {
background-color: #304562;
color: rgba(255, 255, 255, 0.87);
@@ -5839,9 +5660,9 @@
margin-right: 0.5rem;
}
.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-left: 0.5rem;
}
.p-chip .p-chip-remove-icon:focus {
outline: 0 none;
@@ -5849,6 +5670,37 @@
box-shadow: 0 0 0 1px #93cbf9;
}
+.p-inplace .p-inplace-display {
+ padding: 0.5rem 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #93cbf9;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 1.5rem;
+ background: #304562;
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #64B5F6;
+}
+.p-progressbar .p-progressbar-label {
+ color: #212529;
+ line-height: 1.5rem;
+}
+
.p-scrolltop {
width: 3rem;
height: 3rem;
@@ -5904,37 +5756,6 @@
font-size: 0.75rem;
}
-.p-inplace .p-inplace-display {
- padding: 0.5rem 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
-}
-
-.p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #304562;
- border-radius: 3px;
-}
-.p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #64B5F6;
-}
-.p-progressbar .p-progressbar-label {
- color: #212529;
- line-height: 1.5rem;
-}
-
.p-terminal {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
@@ -5946,73 +5767,6 @@
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
-.p-badge {
- background: #64B5F6;
- color: #212529;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
-}
-.p-badge.p-badge-secondary {
- background-color: #78909C;
- color: #ffffff;
-}
-.p-badge.p-badge-success {
- background-color: #C5E1A5;
- color: #121212;
-}
-.p-badge.p-badge-info {
- background-color: #81D4FA;
- color: #121212;
-}
-.p-badge.p-badge-warning {
- background-color: #FFE082;
- color: #121212;
-}
-.p-badge.p-badge-danger {
- background-color: #F48FB1;
- color: #121212;
-}
-.p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
-}
-.p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
-}
-
-.p-tag {
- background: #64B5F6;
- color: #212529;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 3px;
-}
-.p-tag.p-tag-success {
- background-color: #C5E1A5;
- color: #121212;
-}
-.p-tag.p-tag-info {
- background-color: #81D4FA;
- color: #121212;
-}
-.p-tag.p-tag-warning {
- background-color: #FFE082;
- color: #121212;
-}
-.p-tag.p-tag-danger {
- background-color: #F48FB1;
- color: #121212;
-}
-
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #64B5F6;
diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css
index c0050e0..3cccd70 100644
--- a/public/themes/vela-green/theme.css
+++ b/public/themes/vela-green/theme.css
@@ -40,8 +40,8 @@
--surface-overlay:#1f2d40;
--surface-border:#304562;
--surface-hover:rgba(255,255,255,.03);
- --maskbg: rgba(0, 0, 0, 0.4);
--focus-ring: 0 0 0 1px #a7d8a9;
+ --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light dark;
}
@@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
-.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.5rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #81C784;
}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
border-color: #81C784;
}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.25rem 0.5rem;
+ gap: 0.5rem;
+}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
@@ -265,14 +266,17 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: rgba(129, 199, 132, 0.16);
+ background: #304562;
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
+ border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #3e526d;
+ color: rgba(255, 255, 255, 0.87);
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@@ -296,14 +300,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
-}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(129, 199, 132, 0.16);
}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: rgba(129, 199, 132, 0.24);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
@@ -494,10 +505,10 @@
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
+ border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
- border-left: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03);
@@ -585,22 +596,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1rem;
-}
-.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 #a7d8a9;
-}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(129, 199, 132, 0.16);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: rgba(129, 199, 132, 0.24);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.5rem 1rem;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@@ -637,11 +650,6 @@
border-color: #81C784;
background: #81C784;
}
-.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
- border-color: #54b358;
- background: #54b358;
- color: #212529;
-}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: #81C784;
}
@@ -673,24 +681,28 @@
background: #54b358;
}
-.p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.5rem;
-}
-.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #81C784;
}
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
border-color: #81C784;
}
+.p-chips .p-chips-multiple-container {
+ padding: 0.25rem 0.5rem;
+}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
- background: rgba(129, 199, 132, 0.16);
+ background: #304562;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #3e526d;
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@@ -752,7 +764,7 @@
.p-dropdown .p-dropdown-label.p-placeholder {
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown .p-dropdown-label:enabled:focus {
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
@@ -795,13 +807,6 @@
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
- padding-right: 3rem;
- margin-right: -3rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
- right: 2rem;
-}
.p-dropdown-panel .p-dropdown-items {
padding: 0.5rem 0;
}
@@ -818,6 +823,13 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(129, 199, 132, 0.16);
}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: rgba(129, 199, 132, 0.24);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -1059,7 +1071,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #6abd6e;
}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
+.p-inputswitch.p-invalid {
border-color: #ef9a9a;
}
@@ -1101,13 +1113,11 @@
transition-duration: 0.2s;
}
-.p-float-label > label.p-error {
+.p-float-label > .p-invalid + label {
color: #ef9a9a;
}
-.p-input-icon-left > i:first-of-type,
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > i:first-of-type {
left: 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1120,9 +1130,7 @@
left: 2rem;
}
-.p-input-icon-right > i:last-of-type,
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1172,6 +1180,7 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-listbox .p-listbox-header {
padding: 0.5rem 1rem;
@@ -1191,6 +1200,7 @@
}
.p-listbox .p-listbox-list {
padding: 0.5rem 0;
+ outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
@@ -1204,11 +1214,6 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(129, 199, 132, 0.16);
}
-.p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a7d8a9;
-}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 0.75rem 1rem;
@@ -1221,42 +1226,27 @@
color: rgba(255, 255, 255, 0.87);
background: transparent;
}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: rgba(129, 199, 132, 0.24);
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+ border-color: #81C784;
+}
.p-listbox.p-invalid {
border-color: #ef9a9a;
}
-.p-mention-panel {
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #304562;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-}
-.p-mention-panel .p-mention-items {
- padding: 0.5rem 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
-}
-.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16);
-}
-
.p-multiselect {
background: #17212f;
border: 1px solid #304562;
@@ -1272,9 +1262,6 @@
box-shadow: 0 0 0 1px #a7d8a9;
border-color: #81C784;
}
-.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.5rem;
-}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1285,9 +1272,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
- background: rgba(129, 199, 132, 0.16);
+ background: #304562;
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
+ border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
@@ -1299,10 +1286,6 @@
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
-.p-multiselect .p-multiselect-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 2.357rem;
-}
.p-multiselect.p-invalid.p-component {
border-color: #ef9a9a;
}
@@ -1310,12 +1293,6 @@
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.25rem 0.5rem;
}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
- padding: 0.5rem 0.5rem;
-}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.5rem;
-}
.p-multiselect-panel {
background: #1f2d40;
@@ -1333,9 +1310,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
- margin: 0 0.5rem;
-}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.5rem;
}
@@ -1343,7 +1317,11 @@
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
@@ -1378,15 +1356,17 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(129, 199, 132, 0.16);
}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: rgba(129, 199, 132, 0.24);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a7d8a9;
-}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
@@ -1438,15 +1418,6 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #C5E1A5;
}
-.p-password-panel .p-password-info.weak {
- color: #F48FB1;
-}
-.p-password-panel .p-password-info.medium {
- color: #FFE082;
-}
-.p-password-panel .p-password-info.strong {
- color: #C5E1A5;
-}
.p-radiobutton {
width: 20px;
@@ -1516,10 +1487,11 @@
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #F48FB1;
}
-.p-rating .p-rating-item:focus {
+.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
+ border-color: #81C784;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #81C784;
@@ -1663,50 +1635,6 @@
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
-.p-treeselect-panel .p-treeselect-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
- margin-right: 0.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
- padding-right: 1.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 3rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 2rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- 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: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
-}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
@@ -1736,6 +1664,12 @@
.p-togglebutton.p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+ border-color: #81C784;
+}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
border-color: #304562;
@@ -1776,12 +1710,12 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
-.p-button:enabled:hover, .p-button:not(button):not(a):not(.p-disabled):hover {
+.p-button:enabled:hover {
background: #6abd6e;
color: #212529;
border-color: #6abd6e;
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: #54b358;
color: #212529;
border-color: #54b358;
@@ -1791,12 +1725,12 @@
color: #81C784;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined:enabled:hover {
background: rgba(129, 199, 132, 0.04);
color: #81C784;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined:enabled:active {
background: rgba(129, 199, 132, 0.16);
color: #81C784;
border: 1px solid;
@@ -1805,11 +1739,11 @@
color: rgba(255, 255, 255, 0.6);
border-color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:hover, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:active, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1818,12 +1752,12 @@
color: #81C784;
border-color: transparent;
}
-.p-button.p-button-text:enabled:hover, .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text:enabled:hover {
background: rgba(129, 199, 132, 0.04);
color: #81C784;
border-color: transparent;
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active {
background: rgba(129, 199, 132, 0.16);
color: #81C784;
border-color: transparent;
@@ -1831,11 +1765,11 @@
.p-button.p-button-text.p-button-plain {
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:hover, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:active, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1844,6 +1778,9 @@
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1896,20 +1833,11 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
+.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
- margin-right: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
- margin-top: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
- margin-bottom: 0.5rem;
-}
.p-button.p-button-loading-label-only .p-button-loading-icon {
- margin: 0;
+ margin-right: 0;
}
.p-fluid .p-button {
@@ -1925,295 +1853,295 @@
flex: 1;
}
-.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 {
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #78909C;
border: 1px solid #78909C;
}
-.p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary:enabled:hover, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #69838f;
color: #ffffff;
border-color: #69838f;
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #a1b1ba;
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #5d747f;
color: #ffffff;
border-color: #5d747f;
}
-.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #78909C;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(120, 144, 156, 0.04);
color: #78909C;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(120, 144, 156, 0.16);
color: #78909C;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #78909C;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-text:enabled:hover, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(120, 144, 156, 0.04);
border-color: transparent;
color: #78909C;
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(120, 144, 156, 0.16);
border-color: transparent;
color: #78909C;
}
-.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #121212;
background: #81D4FA;
border: 1px solid #81D4FA;
}
-.p-button.p-button-info:enabled:hover, .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info:enabled:hover, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #5dc8f9;
color: #121212;
border-color: #5dc8f9;
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #a7e1fc;
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #38bbf7;
color: #121212;
border-color: #38bbf7;
}
-.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #81D4FA;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:hover, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(129, 212, 250, 0.04);
color: #81D4FA;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(129, 212, 250, 0.16);
color: #81D4FA;
border: 1px solid;
}
-.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #81D4FA;
border-color: transparent;
}
-.p-button.p-button-info.p-button-text:enabled:hover, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(129, 212, 250, 0.04);
border-color: transparent;
color: #81D4FA;
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(129, 212, 250, 0.16);
border-color: transparent;
color: #81D4FA;
}
-.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #121212;
background: #C5E1A5;
border: 1px solid #C5E1A5;
}
-.p-button.p-button-success:enabled:hover, .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success:enabled:hover, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #b2d788;
color: #121212;
border-color: #b2d788;
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #d6eac0;
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #9fce6b;
color: #121212;
border-color: #9fce6b;
}
-.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #C5E1A5;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:hover, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(197, 225, 165, 0.04);
color: #C5E1A5;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(197, 225, 165, 0.16);
color: #C5E1A5;
border: 1px solid;
}
-.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #C5E1A5;
border-color: transparent;
}
-.p-button.p-button-success.p-button-text:enabled:hover, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(197, 225, 165, 0.04);
border-color: transparent;
color: #C5E1A5;
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(197, 225, 165, 0.16);
border-color: transparent;
color: #C5E1A5;
}
-.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #121212;
background: #FFE082;
border: 1px solid #FFE082;
}
-.p-button.p-button-warning:enabled:hover, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning:enabled:hover, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #ffd65c;
color: #121212;
border-color: #ffd65c;
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #ffe9a8;
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #ffcd35;
color: #121212;
border-color: #ffcd35;
}
-.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #FFE082;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(255, 224, 130, 0.04);
color: #FFE082;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(255, 224, 130, 0.16);
color: #FFE082;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #FFE082;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-text:enabled:hover, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(255, 224, 130, 0.04);
border-color: transparent;
color: #FFE082;
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(255, 224, 130, 0.16);
border-color: transparent;
color: #FFE082;
}
-.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #121212;
background: #CE93D8;
border: 1px solid #CE93D8;
}
-.p-button.p-button-help:enabled:hover, .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help:enabled:hover, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #c278ce;
color: #121212;
border-color: #c278ce;
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #ddb3e4;
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #b65ec5;
color: #121212;
border-color: #b65ec5;
}
-.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #CE93D8;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:hover, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(206, 147, 216, 0.04);
color: #CE93D8;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(206, 147, 216, 0.16);
color: #CE93D8;
border: 1px solid;
}
-.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #CE93D8;
border-color: transparent;
}
-.p-button.p-button-help.p-button-text:enabled:hover, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(206, 147, 216, 0.04);
border-color: transparent;
color: #CE93D8;
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(206, 147, 216, 0.16);
border-color: transparent;
color: #CE93D8;
}
-.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #121212;
background: #F48FB1;
border: 1px solid #F48FB1;
}
-.p-button.p-button-danger:enabled:hover, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger:enabled:hover, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #f16c98;
color: #121212;
border-color: #f16c98;
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #f7b1c8;
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #ed4980;
color: #121212;
border-color: #ed4980;
}
-.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #F48FB1;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(244, 143, 177, 0.04);
color: #F48FB1;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(244, 143, 177, 0.16);
color: #F48FB1;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #F48FB1;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-text:enabled:hover, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(244, 143, 177, 0.04);
border-color: transparent;
color: #F48FB1;
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(244, 143, 177, 0.16);
border-color: transparent;
color: #F48FB1;
@@ -2224,25 +2152,89 @@
background: transparent;
border: transparent;
}
-.p-button.p-button-link:enabled:hover, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-link:enabled:hover {
background: transparent;
color: #81C784;
border-color: transparent;
}
-.p-button.p-button-link:enabled:hover .p-button-label, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
+.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
-.p-button.p-button-link:enabled:focus, .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: 0 0 0 0.1rem #a7d8a9;
border-color: transparent;
}
-.p-button.p-button-link:enabled:active, .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-link:enabled:active {
background: transparent;
color: #81C784;
border-color: transparent;
}
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: rgba(255, 255, 255, 0.87);
+ color: #17212f;
+}
+.p-speeddial-action:hover {
+ background: rgba(255, 255, 255, 0.6);
+ color: #17212f;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
.p-splitbutton {
border-radius: 3px;
}
@@ -2495,70 +2487,6 @@
color: #F48FB1;
}
-.p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
-}
-.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
-}
-
-.p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: rgba(255, 255, 255, 0.87);
- color: #17212f;
-}
-.p-speeddial-action:hover {
- background: rgba(255, 255, 255, 0.6);
- color: #17212f;
-}
-
-.p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
-}
-
-.p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
-}
-
-.p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
-}
-
-.p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
-}
-
-.p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
-}
-.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
-}
-
-.p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
-}
-
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
@@ -2597,7 +2525,7 @@
border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: rgba(255, 255, 255, 0.03);
+ background: #3c567a;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: rgba(129, 199, 132, 0.16);
@@ -2660,11 +2588,11 @@
background: rgba(129, 199, 132, 0.16);
margin-left: 0.5rem;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-datatable .p-sortable-column.p-highlight {
@@ -2674,11 +2602,11 @@
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: #81C784;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column.p-highlight:hover {
background: rgba(255, 255, 255, 0.03);
color: #81C784;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
color: #81C784;
}
.p-datatable .p-sortable-column:focus {
@@ -2730,9 +2658,9 @@
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 600;
}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
- background: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87);
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid #a7d8a9;
+ outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: rgba(129, 199, 132, 0.16);
@@ -2744,23 +2672,7 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 rgba(129, 199, 132, 0.16);
}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
- outline: 0.15rem solid #a7d8a9;
- 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: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
- outline: 0.15rem solid #a7d8a9;
- outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
@@ -2800,22 +2712,31 @@
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #253144;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: rgba(129, 199, 132, 0.16);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
- background: #253144;
-}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
@@ -2847,10 +2768,6 @@
padding: 1.25rem 1.25rem;
}
-.p-datatable-drag-selection-helper {
- background: rgba(129, 199, 132, 0.16);
-}
-
.p-dataview .p-paginator-top {
border-width: 1px 0 1px 0;
border-radius: 0;
@@ -2887,46 +2804,6 @@
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
-.p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
-}
-
-.p-datascroller .p-paginator-top {
- border-width: 1px 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-datascroller-header {
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.6);
- border: 1px solid #304562;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
-}
-.p-datascroller .p-datascroller-content {
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- padding: 0;
-}
-.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
- border: solid #304562;
- border-width: 0 0 1px 0;
-}
-.p-datascroller .p-datascroller-footer {
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #304562;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
-}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
@@ -3352,19 +3229,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-orderlist .p-orderlist-filter-container {
- padding: 1rem;
- background: #1f2d40;
- border: 1px solid #304562;
- border-bottom: 0 none;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.5rem;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-orderlist .p-orderlist-list {
border: 1px solid #304562;
background: #1f2d40;
@@ -3401,22 +3265,6 @@
background: rgba(255, 255, 255, 0.03);
}
-@media screen and (max-width: 960px) {
- .p-orderlist {
- flex-direction: column;
- }
- .p-orderlist .p-orderlist-controls {
- padding: 1rem;
- flex-direction: row;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-controls .p-button:last-child {
- margin-right: 0;
- }
-}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
@@ -3495,6 +3343,7 @@
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
+ margin-right: 0.5rem;
height: 2.286em;
}
.p-paginator .p-dropdown .p-dropdown-label {
@@ -3553,19 +3402,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-picklist .p-picklist-filter-container {
- padding: 1rem;
- background: #1f2d40;
- border: 1px solid #304562;
- border-bottom: 0 none;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.5rem;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-picklist .p-picklist-list {
border: 1px solid #304562;
background: #1f2d40;
@@ -3595,35 +3431,38 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(129, 199, 132, 0.16);
}
-
-@media screen and (max-width: 960px) {
- .p-picklist {
- flex-direction: column;
- }
- .p-picklist .p-picklist-buttons {
- padding: 1rem;
- flex-direction: row;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-buttons .p-button:last-child {
- margin-right: 0;
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
- content: "\e930";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
- content: "\e92c";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
- content: "\e933";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
- content: "\e92f";
- }
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: rgba(255, 255, 255, 0.01);
}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 2px solid #81C784;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #1f2d40;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #304562;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
.p-tree {
border: 1px solid #304562;
background: #1f2d40;
@@ -3690,10 +3529,6 @@
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
@@ -3711,12 +3546,6 @@
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
-.p-tree .p-treenode-droppoint {
- height: 0.5rem;
-}
-.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
- background: rgba(84, 179, 88, 0.16);
-}
.p-treetable .p-paginator-top {
border-width: 1px 0 1px 0;
@@ -3842,11 +3671,11 @@
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: rgba(255, 255, 255, 0.87);
}
.p-treetable .p-column-resizer-helper {
@@ -3911,31 +3740,6 @@
padding: 1.25rem 1.25rem;
}
-.p-timeline .p-timeline-event-marker {
- border: 2px solid #81C784;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #1f2d40;
-}
-.p-timeline .p-timeline-event-connector {
- background-color: #304562;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
-}
-
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem;
border: 1px solid #304562;
@@ -3951,7 +3755,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
+ box-shadow: inset 0 0 0 1px #a7d8a9;
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: rgba(255, 255, 255, 0.03);
@@ -4005,7 +3809,7 @@
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
-.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-content {
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
@@ -4068,6 +3872,9 @@
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: rgba(255, 255, 255, 0.03);
border-color: #304562;
@@ -4151,6 +3958,17 @@
border-top: 0 none;
}
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #304562;
+ border: 0 none;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+
.p-splitter {
border: 1px solid #304562;
background: #1f2d40;
@@ -4163,16 +3981,17 @@
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: #304562;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
}
.p-splitter .p-splitter-gutter-resizing {
background: #304562;
}
-.p-scrollpanel .p-scrollpanel-bar {
- background: #304562;
- border: 0 none;
-}
-
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #304562;
@@ -4209,9 +4028,6 @@
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;
@@ -4464,9 +4280,12 @@
border-bottom: 0 none;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
+ gap: 0.5rem;
}
-.p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
}
.p-fileupload .p-fileupload-content {
background: #1f2d40;
@@ -4476,6 +4295,22 @@
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #304562;
+ border-radius: 3px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
.p-fileupload .p-progressbar {
height: 0.25rem;
}
@@ -4486,35 +4321,46 @@
margin-top: 0;
}
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #6abd6e;
+ color: #212529;
+ border-color: #6abd6e;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #54b358;
+ color: #212529;
+ border-color: #54b358;
+}
+
.p-breadcrumb {
background: #1f2d40;
border: 1px solid #304562;
border-radius: 3px;
padding: 1rem;
}
-.p-breadcrumb ul li .p-menuitem-link {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: box-shadow 0.2s;
border-radius: 3px;
}
-.p-breadcrumb ul li .p-menuitem-link:focus {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
@@ -4527,39 +4373,8 @@
border-radius: 3px;
width: 12.5rem;
}
-.p-contextmenu .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-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .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 {
- 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-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:focus {
+.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a7d8a9;
}
.p-contextmenu .p-submenu-list {
padding: 0.25rem 0;
@@ -4568,16 +4383,59 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-active > .p-menuitem-link {
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
background: #17212f;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .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.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.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-menu-separator {
+.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:not(.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:not(.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: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: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-menuitem-separator {
border-top: 1px solid #304562;
margin: 0.25rem 0;
}
@@ -4585,78 +4443,71 @@
font-size: 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-action {
+.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-link {
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 {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
- .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list {
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
- .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container {
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
- .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
- .p-dock.p-dock-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 {
+ .p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
@@ -4668,98 +4519,68 @@
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 {
+ 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);
-}
-.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 #a7d8a9;
-}
-.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: #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 {
+.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-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: 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.p-highlight.p-focus > .p-menuitem-content {
+ background: #17212f;
+}
+.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-menuitem:not(.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;
- 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-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.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);
@@ -4768,27 +4589,48 @@
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;
}
+.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-menu {
padding: 0.25rem 0;
@@ -4798,40 +4640,58 @@
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 {
+ 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: #17212f;
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #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:not(.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-link:not(.p-disabled):hover .p-menuitem-text {
+.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-link:not(.p-disabled):hover .p-menuitem-icon {
+.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-menuitem-link:not(.p-disabled):hover .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 #a7d8a9;
-}
.p-menu.p-menu-overlay {
background: #1f2d40;
border: 1px solid #304562;
@@ -4846,7 +4706,7 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
}
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
border-top: 1px solid #304562;
margin: 0.25rem 0;
}
@@ -4858,89 +4718,89 @@
border: 1px solid #304562;
border-radius: 3px;
}
-.p-menubar .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-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-menubar .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 {
- color: rgba(255, 255, 255, 0.6);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .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.87);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-menubar .p-menuitem-link:focus {
+.p-menubar .p-menubar-root-list {
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-menubar-root-list > .p-menuitem > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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 > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a7d8a9;
+.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-active > .p-menuitem-link,
-.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.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-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.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-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.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-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.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-submenu-list {
@@ -4950,22 +4810,13 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #17212f;
-}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.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);
-}
@media screen and (max-width: 960px) {
.p-menubar {
@@ -4997,56 +4848,22 @@
box-shadow: 0 2px 4px -1px rgba(0, 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: 100%;
}
- .p-menubar .p-menubar-root-list .p-menu-separator {
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
border-top: 1px solid #304562;
margin: 0.25rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
- .p-menubar .p-menubar-root-list > .p-menuitem {
+ .p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list > .p-menuitem > .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-menubar .p-menubar-root-list > .p-menuitem > .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 {
- 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 {
- 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:not(.p-disabled):hover .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 {
- 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 {
- 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 #a7d8a9;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5059,26 +4876,26 @@
transition: transform 0.2s;
transform: rotate(90deg);
}
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 5.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 6.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 8.25rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5089,42 +4906,45 @@
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-action {
+ padding: 1rem;
+ font-weight: 600;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a:focus {
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .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);
@@ -5140,66 +4960,91 @@
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 {
+ 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: #17212f;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-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: #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:not(.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:not(.p-disabled):hover .p-menuitem-text {
+.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:not(.p-disabled):hover .p-menuitem-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-link:not(.p-disabled):hover .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 #a7d8a9;
-}
-.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 #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;
}
@@ -5208,80 +5053,6 @@
border-bottom-left-radius: 3px;
}
-.p-slidemenu {
- padding: 0.25rem 0;
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #304562;
- border-radius: 3px;
- width: 12.5rem;
-}
-.p-slidemenu .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-slidemenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .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 {
- 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:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .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-slidemenu-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-slidemenu .p-slidemenu-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-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
- background: #17212f;
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.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: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-slidemenu-separator {
- border-top: 1px solid #304562;
- margin: 0.25rem 0;
-}
-.p-slidemenu .p-slidemenu-icon {
- font-size: 0.875rem;
-}
-.p-slidemenu .p-slidemenu-backward {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
-}
-
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
@@ -5347,7 +5118,6 @@
border-top-left-radius: 3px;
transition: box-shadow 0.2s;
margin: 0 0 -2px 0;
- height: calc(100% + 2px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
@@ -5376,61 +5146,73 @@
border-radius: 3px;
width: 12.5rem;
}
-.p-tieredmenu .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-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .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 {
- 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 {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a7d8a9;
-}
.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-active > .p-menuitem-link {
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
background: #17212f;
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .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.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.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-menu-separator {
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #17212f;
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ 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: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: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;
}
@@ -5698,7 +5480,7 @@
border-radius: 50%;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.1);
+ background: #3c567a;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(129, 199, 132, 0.16);
@@ -5742,9 +5524,6 @@
background: rgba(255, 255, 255, 0.1);
color: #f8f9fa;
}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- transition: box-shadow 0.2s;
-}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
@@ -5818,6 +5597,48 @@
border: 2px solid #1f2d40;
}
+.p-badge {
+ background: #81C784;
+ color: #212529;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #78909C;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #C5E1A5;
+ color: #121212;
+}
+.p-badge.p-badge-info {
+ background-color: #81D4FA;
+ color: #121212;
+}
+.p-badge.p-badge-warning {
+ background-color: #FFE082;
+ color: #121212;
+}
+.p-badge.p-badge-danger {
+ background-color: #F48FB1;
+ color: #121212;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
.p-chip {
background-color: #304562;
color: rgba(255, 255, 255, 0.87);
@@ -5839,9 +5660,9 @@
margin-right: 0.5rem;
}
.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-left: 0.5rem;
}
.p-chip .p-chip-remove-icon:focus {
outline: 0 none;
@@ -5849,6 +5670,37 @@
box-shadow: 0 0 0 1px #a7d8a9;
}
+.p-inplace .p-inplace-display {
+ padding: 0.5rem 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #a7d8a9;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 1.5rem;
+ background: #304562;
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #81C784;
+}
+.p-progressbar .p-progressbar-label {
+ color: #212529;
+ line-height: 1.5rem;
+}
+
.p-scrolltop {
width: 3rem;
height: 3rem;
@@ -5904,37 +5756,6 @@
font-size: 0.75rem;
}
-.p-inplace .p-inplace-display {
- padding: 0.5rem 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
-}
-
-.p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #304562;
- border-radius: 3px;
-}
-.p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #81C784;
-}
-.p-progressbar .p-progressbar-label {
- color: #212529;
- line-height: 1.5rem;
-}
-
.p-terminal {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
@@ -5946,73 +5767,6 @@
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
-.p-badge {
- background: #81C784;
- color: #212529;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
-}
-.p-badge.p-badge-secondary {
- background-color: #78909C;
- color: #ffffff;
-}
-.p-badge.p-badge-success {
- background-color: #C5E1A5;
- color: #121212;
-}
-.p-badge.p-badge-info {
- background-color: #81D4FA;
- color: #121212;
-}
-.p-badge.p-badge-warning {
- background-color: #FFE082;
- color: #121212;
-}
-.p-badge.p-badge-danger {
- background-color: #F48FB1;
- color: #121212;
-}
-.p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
-}
-.p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
-}
-
-.p-tag {
- background: #81C784;
- color: #212529;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 3px;
-}
-.p-tag.p-tag-success {
- background-color: #C5E1A5;
- color: #121212;
-}
-.p-tag.p-tag-info {
- background-color: #81D4FA;
- color: #121212;
-}
-.p-tag.p-tag-warning {
- background-color: #FFE082;
- color: #121212;
-}
-.p-tag.p-tag-danger {
- background-color: #F48FB1;
- color: #121212;
-}
-
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #81C784;
diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css
index 75a895e..98f1282 100644
--- a/public/themes/vela-orange/theme.css
+++ b/public/themes/vela-orange/theme.css
@@ -40,8 +40,8 @@
--surface-overlay:#1f2d40;
--surface-border:#304562;
--surface-hover:rgba(255,255,255,.03);
- --maskbg: rgba(0, 0, 0, 0.4);
--focus-ring: 0 0 0 1px #ffe284;
+ --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light dark;
}
@@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
-.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.5rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #FFD54F;
}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
border-color: #FFD54F;
}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.25rem 0.5rem;
+ gap: 0.5rem;
+}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
@@ -265,14 +266,17 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: rgba(255, 213, 79, 0.16);
+ background: #304562;
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
+ border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #3e526d;
+ color: rgba(255, 255, 255, 0.87);
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@@ -296,14 +300,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
-}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 213, 79, 0.16);
}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: rgba(255, 213, 79, 0.24);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
@@ -494,10 +505,10 @@
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
+ border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
- border-left: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03);
@@ -585,22 +596,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1rem;
-}
-.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 #ffe284;
-}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 213, 79, 0.16);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: rgba(255, 213, 79, 0.24);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.5rem 1rem;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@@ -637,11 +650,6 @@
border-color: #FFD54F;
background: #FFD54F;
}
-.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
- border-color: #ffc50c;
- background: #ffc50c;
- color: #212529;
-}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: #FFD54F;
}
@@ -673,24 +681,28 @@
background: #ffc50c;
}
-.p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.5rem;
-}
-.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #FFD54F;
}
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
border-color: #FFD54F;
}
+.p-chips .p-chips-multiple-container {
+ padding: 0.25rem 0.5rem;
+}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
- background: rgba(255, 213, 79, 0.16);
+ background: #304562;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #3e526d;
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@@ -752,7 +764,7 @@
.p-dropdown .p-dropdown-label.p-placeholder {
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown .p-dropdown-label:enabled:focus {
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
@@ -795,13 +807,6 @@
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
- padding-right: 3rem;
- margin-right: -3rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
- right: 2rem;
-}
.p-dropdown-panel .p-dropdown-items {
padding: 0.5rem 0;
}
@@ -818,6 +823,13 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 213, 79, 0.16);
}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: rgba(255, 213, 79, 0.24);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -1059,7 +1071,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #ffcd2e;
}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
+.p-inputswitch.p-invalid {
border-color: #ef9a9a;
}
@@ -1101,13 +1113,11 @@
transition-duration: 0.2s;
}
-.p-float-label > label.p-error {
+.p-float-label > .p-invalid + label {
color: #ef9a9a;
}
-.p-input-icon-left > i:first-of-type,
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > i:first-of-type {
left: 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1120,9 +1130,7 @@
left: 2rem;
}
-.p-input-icon-right > i:last-of-type,
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1172,6 +1180,7 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-listbox .p-listbox-header {
padding: 0.5rem 1rem;
@@ -1191,6 +1200,7 @@
}
.p-listbox .p-listbox-list {
padding: 0.5rem 0;
+ outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
@@ -1204,11 +1214,6 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 213, 79, 0.16);
}
-.p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe284;
-}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 0.75rem 1rem;
@@ -1221,42 +1226,27 @@
color: rgba(255, 255, 255, 0.87);
background: transparent;
}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: rgba(255, 213, 79, 0.24);
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+ border-color: #FFD54F;
+}
.p-listbox.p-invalid {
border-color: #ef9a9a;
}
-.p-mention-panel {
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #304562;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-}
-.p-mention-panel .p-mention-items {
- padding: 0.5rem 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
-}
-.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16);
-}
-
.p-multiselect {
background: #17212f;
border: 1px solid #304562;
@@ -1272,9 +1262,6 @@
box-shadow: 0 0 0 1px #ffe284;
border-color: #FFD54F;
}
-.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.5rem;
-}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1285,9 +1272,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
- background: rgba(255, 213, 79, 0.16);
+ background: #304562;
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
+ border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
@@ -1299,10 +1286,6 @@
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
-.p-multiselect .p-multiselect-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 2.357rem;
-}
.p-multiselect.p-invalid.p-component {
border-color: #ef9a9a;
}
@@ -1310,12 +1293,6 @@
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.25rem 0.5rem;
}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
- padding: 0.5rem 0.5rem;
-}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.5rem;
-}
.p-multiselect-panel {
background: #1f2d40;
@@ -1333,9 +1310,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
- margin: 0 0.5rem;
-}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.5rem;
}
@@ -1343,7 +1317,11 @@
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
@@ -1378,15 +1356,17 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 213, 79, 0.16);
}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: rgba(255, 213, 79, 0.24);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe284;
-}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
@@ -1438,15 +1418,6 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #C5E1A5;
}
-.p-password-panel .p-password-info.weak {
- color: #F48FB1;
-}
-.p-password-panel .p-password-info.medium {
- color: #FFE082;
-}
-.p-password-panel .p-password-info.strong {
- color: #C5E1A5;
-}
.p-radiobutton {
width: 20px;
@@ -1516,10 +1487,11 @@
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #F48FB1;
}
-.p-rating .p-rating-item:focus {
+.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
+ border-color: #FFD54F;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #FFD54F;
@@ -1663,50 +1635,6 @@
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
-.p-treeselect-panel .p-treeselect-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
- margin-right: 0.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
- padding-right: 1.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 3rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 2rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- 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: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
-}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
@@ -1736,6 +1664,12 @@
.p-togglebutton.p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+ border-color: #FFD54F;
+}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
border-color: #304562;
@@ -1776,12 +1710,12 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
-.p-button:enabled:hover, .p-button:not(button):not(a):not(.p-disabled):hover {
+.p-button:enabled:hover {
background: #ffcd2e;
color: #212529;
border-color: #ffcd2e;
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: #ffc50c;
color: #212529;
border-color: #ffc50c;
@@ -1791,12 +1725,12 @@
color: #FFD54F;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined:enabled:hover {
background: rgba(255, 213, 79, 0.04);
color: #FFD54F;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined:enabled:active {
background: rgba(255, 213, 79, 0.16);
color: #FFD54F;
border: 1px solid;
@@ -1805,11 +1739,11 @@
color: rgba(255, 255, 255, 0.6);
border-color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:hover, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:active, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1818,12 +1752,12 @@
color: #FFD54F;
border-color: transparent;
}
-.p-button.p-button-text:enabled:hover, .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text:enabled:hover {
background: rgba(255, 213, 79, 0.04);
color: #FFD54F;
border-color: transparent;
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active {
background: rgba(255, 213, 79, 0.16);
color: #FFD54F;
border-color: transparent;
@@ -1831,11 +1765,11 @@
.p-button.p-button-text.p-button-plain {
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:hover, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:active, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1844,6 +1778,9 @@
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1896,20 +1833,11 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
+.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
- margin-right: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
- margin-top: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
- margin-bottom: 0.5rem;
-}
.p-button.p-button-loading-label-only .p-button-loading-icon {
- margin: 0;
+ margin-right: 0;
}
.p-fluid .p-button {
@@ -1925,295 +1853,295 @@
flex: 1;
}
-.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 {
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #78909C;
border: 1px solid #78909C;
}
-.p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary:enabled:hover, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #69838f;
color: #ffffff;
border-color: #69838f;
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #a1b1ba;
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #5d747f;
color: #ffffff;
border-color: #5d747f;
}
-.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #78909C;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(120, 144, 156, 0.04);
color: #78909C;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(120, 144, 156, 0.16);
color: #78909C;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #78909C;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-text:enabled:hover, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(120, 144, 156, 0.04);
border-color: transparent;
color: #78909C;
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(120, 144, 156, 0.16);
border-color: transparent;
color: #78909C;
}
-.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #121212;
background: #81D4FA;
border: 1px solid #81D4FA;
}
-.p-button.p-button-info:enabled:hover, .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info:enabled:hover, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #5dc8f9;
color: #121212;
border-color: #5dc8f9;
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #a7e1fc;
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #38bbf7;
color: #121212;
border-color: #38bbf7;
}
-.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #81D4FA;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:hover, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(129, 212, 250, 0.04);
color: #81D4FA;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(129, 212, 250, 0.16);
color: #81D4FA;
border: 1px solid;
}
-.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #81D4FA;
border-color: transparent;
}
-.p-button.p-button-info.p-button-text:enabled:hover, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(129, 212, 250, 0.04);
border-color: transparent;
color: #81D4FA;
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(129, 212, 250, 0.16);
border-color: transparent;
color: #81D4FA;
}
-.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #121212;
background: #C5E1A5;
border: 1px solid #C5E1A5;
}
-.p-button.p-button-success:enabled:hover, .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success:enabled:hover, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #b2d788;
color: #121212;
border-color: #b2d788;
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #d6eac0;
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #9fce6b;
color: #121212;
border-color: #9fce6b;
}
-.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #C5E1A5;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:hover, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(197, 225, 165, 0.04);
color: #C5E1A5;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(197, 225, 165, 0.16);
color: #C5E1A5;
border: 1px solid;
}
-.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #C5E1A5;
border-color: transparent;
}
-.p-button.p-button-success.p-button-text:enabled:hover, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(197, 225, 165, 0.04);
border-color: transparent;
color: #C5E1A5;
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(197, 225, 165, 0.16);
border-color: transparent;
color: #C5E1A5;
}
-.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #121212;
background: #FFE082;
border: 1px solid #FFE082;
}
-.p-button.p-button-warning:enabled:hover, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning:enabled:hover, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #ffd65c;
color: #121212;
border-color: #ffd65c;
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #ffe9a8;
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #ffcd35;
color: #121212;
border-color: #ffcd35;
}
-.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #FFE082;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(255, 224, 130, 0.04);
color: #FFE082;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(255, 224, 130, 0.16);
color: #FFE082;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #FFE082;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-text:enabled:hover, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(255, 224, 130, 0.04);
border-color: transparent;
color: #FFE082;
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(255, 224, 130, 0.16);
border-color: transparent;
color: #FFE082;
}
-.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #121212;
background: #CE93D8;
border: 1px solid #CE93D8;
}
-.p-button.p-button-help:enabled:hover, .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help:enabled:hover, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #c278ce;
color: #121212;
border-color: #c278ce;
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #ddb3e4;
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #b65ec5;
color: #121212;
border-color: #b65ec5;
}
-.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #CE93D8;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:hover, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(206, 147, 216, 0.04);
color: #CE93D8;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(206, 147, 216, 0.16);
color: #CE93D8;
border: 1px solid;
}
-.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #CE93D8;
border-color: transparent;
}
-.p-button.p-button-help.p-button-text:enabled:hover, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(206, 147, 216, 0.04);
border-color: transparent;
color: #CE93D8;
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(206, 147, 216, 0.16);
border-color: transparent;
color: #CE93D8;
}
-.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #121212;
background: #F48FB1;
border: 1px solid #F48FB1;
}
-.p-button.p-button-danger:enabled:hover, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger:enabled:hover, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #f16c98;
color: #121212;
border-color: #f16c98;
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #f7b1c8;
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #ed4980;
color: #121212;
border-color: #ed4980;
}
-.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #F48FB1;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(244, 143, 177, 0.04);
color: #F48FB1;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(244, 143, 177, 0.16);
color: #F48FB1;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #F48FB1;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-text:enabled:hover, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(244, 143, 177, 0.04);
border-color: transparent;
color: #F48FB1;
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(244, 143, 177, 0.16);
border-color: transparent;
color: #F48FB1;
@@ -2224,25 +2152,89 @@
background: transparent;
border: transparent;
}
-.p-button.p-button-link:enabled:hover, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-link:enabled:hover {
background: transparent;
color: #FFD54F;
border-color: transparent;
}
-.p-button.p-button-link:enabled:hover .p-button-label, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
+.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
-.p-button.p-button-link:enabled:focus, .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: 0 0 0 0.1rem #ffe284;
border-color: transparent;
}
-.p-button.p-button-link:enabled:active, .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-link:enabled:active {
background: transparent;
color: #FFD54F;
border-color: transparent;
}
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: rgba(255, 255, 255, 0.87);
+ color: #17212f;
+}
+.p-speeddial-action:hover {
+ background: rgba(255, 255, 255, 0.6);
+ color: #17212f;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
.p-splitbutton {
border-radius: 3px;
}
@@ -2495,70 +2487,6 @@
color: #F48FB1;
}
-.p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
-}
-.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
-}
-
-.p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: rgba(255, 255, 255, 0.87);
- color: #17212f;
-}
-.p-speeddial-action:hover {
- background: rgba(255, 255, 255, 0.6);
- color: #17212f;
-}
-
-.p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
-}
-
-.p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
-}
-
-.p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
-}
-
-.p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
-}
-
-.p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
-}
-.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
-}
-
-.p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
-}
-
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
@@ -2597,7 +2525,7 @@
border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: rgba(255, 255, 255, 0.03);
+ background: #3c567a;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: rgba(255, 213, 79, 0.16);
@@ -2660,11 +2588,11 @@
background: rgba(255, 213, 79, 0.16);
margin-left: 0.5rem;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-datatable .p-sortable-column.p-highlight {
@@ -2674,11 +2602,11 @@
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: #FFD54F;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column.p-highlight:hover {
background: rgba(255, 255, 255, 0.03);
color: #FFD54F;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
color: #FFD54F;
}
.p-datatable .p-sortable-column:focus {
@@ -2730,9 +2658,9 @@
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 600;
}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
- background: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87);
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid #ffe284;
+ outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: rgba(255, 213, 79, 0.16);
@@ -2744,23 +2672,7 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 rgba(255, 213, 79, 0.16);
}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
- outline: 0.15rem solid #ffe284;
- 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: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
- outline: 0.15rem solid #ffe284;
- outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
@@ -2800,22 +2712,31 @@
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #253144;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: rgba(255, 213, 79, 0.16);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
- background: #253144;
-}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
@@ -2847,10 +2768,6 @@
padding: 1.25rem 1.25rem;
}
-.p-datatable-drag-selection-helper {
- background: rgba(255, 213, 79, 0.16);
-}
-
.p-dataview .p-paginator-top {
border-width: 1px 0 1px 0;
border-radius: 0;
@@ -2887,46 +2804,6 @@
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
-.p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
-}
-
-.p-datascroller .p-paginator-top {
- border-width: 1px 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-datascroller-header {
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.6);
- border: 1px solid #304562;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
-}
-.p-datascroller .p-datascroller-content {
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- padding: 0;
-}
-.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
- border: solid #304562;
- border-width: 0 0 1px 0;
-}
-.p-datascroller .p-datascroller-footer {
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #304562;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
-}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
@@ -3352,19 +3229,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-orderlist .p-orderlist-filter-container {
- padding: 1rem;
- background: #1f2d40;
- border: 1px solid #304562;
- border-bottom: 0 none;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.5rem;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-orderlist .p-orderlist-list {
border: 1px solid #304562;
background: #1f2d40;
@@ -3401,22 +3265,6 @@
background: rgba(255, 255, 255, 0.03);
}
-@media screen and (max-width: 960px) {
- .p-orderlist {
- flex-direction: column;
- }
- .p-orderlist .p-orderlist-controls {
- padding: 1rem;
- flex-direction: row;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-controls .p-button:last-child {
- margin-right: 0;
- }
-}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
@@ -3495,6 +3343,7 @@
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
+ margin-right: 0.5rem;
height: 2.286em;
}
.p-paginator .p-dropdown .p-dropdown-label {
@@ -3553,19 +3402,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-picklist .p-picklist-filter-container {
- padding: 1rem;
- background: #1f2d40;
- border: 1px solid #304562;
- border-bottom: 0 none;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.5rem;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-picklist .p-picklist-list {
border: 1px solid #304562;
background: #1f2d40;
@@ -3595,35 +3431,38 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 213, 79, 0.16);
}
-
-@media screen and (max-width: 960px) {
- .p-picklist {
- flex-direction: column;
- }
- .p-picklist .p-picklist-buttons {
- padding: 1rem;
- flex-direction: row;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-buttons .p-button:last-child {
- margin-right: 0;
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
- content: "\e930";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
- content: "\e92c";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
- content: "\e933";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
- content: "\e92f";
- }
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: rgba(255, 255, 255, 0.01);
}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 2px solid #FFD54F;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #1f2d40;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #304562;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
.p-tree {
border: 1px solid #304562;
background: #1f2d40;
@@ -3690,10 +3529,6 @@
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
@@ -3711,12 +3546,6 @@
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
-.p-tree .p-treenode-droppoint {
- height: 0.5rem;
-}
-.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
- background: rgba(255, 197, 12, 0.16);
-}
.p-treetable .p-paginator-top {
border-width: 1px 0 1px 0;
@@ -3842,11 +3671,11 @@
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: rgba(255, 255, 255, 0.87);
}
.p-treetable .p-column-resizer-helper {
@@ -3911,31 +3740,6 @@
padding: 1.25rem 1.25rem;
}
-.p-timeline .p-timeline-event-marker {
- border: 2px solid #FFD54F;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #1f2d40;
-}
-.p-timeline .p-timeline-event-connector {
- background-color: #304562;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
-}
-
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem;
border: 1px solid #304562;
@@ -3951,7 +3755,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
+ box-shadow: inset 0 0 0 1px #ffe284;
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: rgba(255, 255, 255, 0.03);
@@ -4005,7 +3809,7 @@
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
-.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-content {
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
@@ -4068,6 +3872,9 @@
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: rgba(255, 255, 255, 0.03);
border-color: #304562;
@@ -4151,6 +3958,17 @@
border-top: 0 none;
}
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #304562;
+ border: 0 none;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+
.p-splitter {
border: 1px solid #304562;
background: #1f2d40;
@@ -4163,16 +3981,17 @@
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: #304562;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
}
.p-splitter .p-splitter-gutter-resizing {
background: #304562;
}
-.p-scrollpanel .p-scrollpanel-bar {
- background: #304562;
- border: 0 none;
-}
-
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #304562;
@@ -4209,9 +4028,6 @@
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;
@@ -4464,9 +4280,12 @@
border-bottom: 0 none;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
+ gap: 0.5rem;
}
-.p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
}
.p-fileupload .p-fileupload-content {
background: #1f2d40;
@@ -4476,6 +4295,22 @@
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #304562;
+ border-radius: 3px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
.p-fileupload .p-progressbar {
height: 0.25rem;
}
@@ -4486,35 +4321,46 @@
margin-top: 0;
}
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #ffcd2e;
+ color: #212529;
+ border-color: #ffcd2e;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #ffc50c;
+ color: #212529;
+ border-color: #ffc50c;
+}
+
.p-breadcrumb {
background: #1f2d40;
border: 1px solid #304562;
border-radius: 3px;
padding: 1rem;
}
-.p-breadcrumb ul li .p-menuitem-link {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: box-shadow 0.2s;
border-radius: 3px;
}
-.p-breadcrumb ul li .p-menuitem-link:focus {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
@@ -4527,39 +4373,8 @@
border-radius: 3px;
width: 12.5rem;
}
-.p-contextmenu .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-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .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 {
- 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-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:focus {
+.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe284;
}
.p-contextmenu .p-submenu-list {
padding: 0.25rem 0;
@@ -4568,16 +4383,59 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-active > .p-menuitem-link {
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
background: #17212f;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .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.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.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-menu-separator {
+.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:not(.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:not(.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: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: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-menuitem-separator {
border-top: 1px solid #304562;
margin: 0.25rem 0;
}
@@ -4585,78 +4443,71 @@
font-size: 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-action {
+.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-link {
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 {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
- .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list {
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
- .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container {
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
- .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
- .p-dock.p-dock-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 {
+ .p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
@@ -4668,98 +4519,68 @@
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 {
+ 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);
-}
-.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 #ffe284;
-}
-.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: #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 {
+.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-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: 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.p-highlight.p-focus > .p-menuitem-content {
+ background: #17212f;
+}
+.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-menuitem:not(.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;
- 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-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.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);
@@ -4768,27 +4589,48 @@
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;
}
+.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-menu {
padding: 0.25rem 0;
@@ -4798,40 +4640,58 @@
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 {
+ 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: #17212f;
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #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:not(.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-link:not(.p-disabled):hover .p-menuitem-text {
+.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-link:not(.p-disabled):hover .p-menuitem-icon {
+.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-menuitem-link:not(.p-disabled):hover .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 #ffe284;
-}
.p-menu.p-menu-overlay {
background: #1f2d40;
border: 1px solid #304562;
@@ -4846,7 +4706,7 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
}
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
border-top: 1px solid #304562;
margin: 0.25rem 0;
}
@@ -4858,89 +4718,89 @@
border: 1px solid #304562;
border-radius: 3px;
}
-.p-menubar .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-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-menubar .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 {
- color: rgba(255, 255, 255, 0.6);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .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.87);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-menubar .p-menuitem-link:focus {
+.p-menubar .p-menubar-root-list {
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-menubar-root-list > .p-menuitem > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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 > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe284;
+.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-active > .p-menuitem-link,
-.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.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-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.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-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.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-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.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-submenu-list {
@@ -4950,22 +4810,13 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #17212f;
-}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.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);
-}
@media screen and (max-width: 960px) {
.p-menubar {
@@ -4997,56 +4848,22 @@
box-shadow: 0 2px 4px -1px rgba(0, 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: 100%;
}
- .p-menubar .p-menubar-root-list .p-menu-separator {
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
border-top: 1px solid #304562;
margin: 0.25rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
- .p-menubar .p-menubar-root-list > .p-menuitem {
+ .p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list > .p-menuitem > .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-menubar .p-menubar-root-list > .p-menuitem > .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 {
- 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 {
- 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:not(.p-disabled):hover .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 {
- 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 {
- 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 #ffe284;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5059,26 +4876,26 @@
transition: transform 0.2s;
transform: rotate(90deg);
}
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 5.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 6.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 8.25rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5089,42 +4906,45 @@
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-action {
+ padding: 1rem;
+ font-weight: 600;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a:focus {
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .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);
@@ -5140,66 +4960,91 @@
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 {
+ 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: #17212f;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-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: #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:not(.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:not(.p-disabled):hover .p-menuitem-text {
+.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:not(.p-disabled):hover .p-menuitem-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-link:not(.p-disabled):hover .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 #ffe284;
-}
-.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 #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;
}
@@ -5208,80 +5053,6 @@
border-bottom-left-radius: 3px;
}
-.p-slidemenu {
- padding: 0.25rem 0;
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #304562;
- border-radius: 3px;
- width: 12.5rem;
-}
-.p-slidemenu .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-slidemenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .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 {
- 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:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .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-slidemenu-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-slidemenu .p-slidemenu-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-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
- background: #17212f;
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.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: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-slidemenu-separator {
- border-top: 1px solid #304562;
- margin: 0.25rem 0;
-}
-.p-slidemenu .p-slidemenu-icon {
- font-size: 0.875rem;
-}
-.p-slidemenu .p-slidemenu-backward {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
-}
-
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
@@ -5347,7 +5118,6 @@
border-top-left-radius: 3px;
transition: box-shadow 0.2s;
margin: 0 0 -2px 0;
- height: calc(100% + 2px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
@@ -5376,61 +5146,73 @@
border-radius: 3px;
width: 12.5rem;
}
-.p-tieredmenu .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-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .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 {
- 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 {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe284;
-}
.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-active > .p-menuitem-link {
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
background: #17212f;
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .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.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.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-menu-separator {
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #17212f;
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ 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: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: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;
}
@@ -5698,7 +5480,7 @@
border-radius: 50%;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.1);
+ background: #3c567a;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(255, 213, 79, 0.16);
@@ -5742,9 +5524,6 @@
background: rgba(255, 255, 255, 0.1);
color: #f8f9fa;
}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- transition: box-shadow 0.2s;
-}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
@@ -5818,6 +5597,48 @@
border: 2px solid #1f2d40;
}
+.p-badge {
+ background: #FFD54F;
+ color: #212529;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #78909C;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #C5E1A5;
+ color: #121212;
+}
+.p-badge.p-badge-info {
+ background-color: #81D4FA;
+ color: #121212;
+}
+.p-badge.p-badge-warning {
+ background-color: #FFE082;
+ color: #121212;
+}
+.p-badge.p-badge-danger {
+ background-color: #F48FB1;
+ color: #121212;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
.p-chip {
background-color: #304562;
color: rgba(255, 255, 255, 0.87);
@@ -5839,9 +5660,9 @@
margin-right: 0.5rem;
}
.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-left: 0.5rem;
}
.p-chip .p-chip-remove-icon:focus {
outline: 0 none;
@@ -5849,6 +5670,37 @@
box-shadow: 0 0 0 1px #ffe284;
}
+.p-inplace .p-inplace-display {
+ padding: 0.5rem 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #ffe284;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 1.5rem;
+ background: #304562;
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #FFD54F;
+}
+.p-progressbar .p-progressbar-label {
+ color: #212529;
+ line-height: 1.5rem;
+}
+
.p-scrolltop {
width: 3rem;
height: 3rem;
@@ -5904,37 +5756,6 @@
font-size: 0.75rem;
}
-.p-inplace .p-inplace-display {
- padding: 0.5rem 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
-}
-
-.p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #304562;
- border-radius: 3px;
-}
-.p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #FFD54F;
-}
-.p-progressbar .p-progressbar-label {
- color: #212529;
- line-height: 1.5rem;
-}
-
.p-terminal {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
@@ -5946,73 +5767,6 @@
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
-.p-badge {
- background: #FFD54F;
- color: #212529;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
-}
-.p-badge.p-badge-secondary {
- background-color: #78909C;
- color: #ffffff;
-}
-.p-badge.p-badge-success {
- background-color: #C5E1A5;
- color: #121212;
-}
-.p-badge.p-badge-info {
- background-color: #81D4FA;
- color: #121212;
-}
-.p-badge.p-badge-warning {
- background-color: #FFE082;
- color: #121212;
-}
-.p-badge.p-badge-danger {
- background-color: #F48FB1;
- color: #121212;
-}
-.p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
-}
-.p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
-}
-
-.p-tag {
- background: #FFD54F;
- color: #212529;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 3px;
-}
-.p-tag.p-tag-success {
- background-color: #C5E1A5;
- color: #121212;
-}
-.p-tag.p-tag-info {
- background-color: #81D4FA;
- color: #121212;
-}
-.p-tag.p-tag-warning {
- background-color: #FFE082;
- color: #121212;
-}
-.p-tag.p-tag-danger {
- background-color: #F48FB1;
- color: #121212;
-}
-
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #FFD54F;
diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css
index 9ae16a7..7655e78 100644
--- a/public/themes/vela-purple/theme.css
+++ b/public/themes/vela-purple/theme.css
@@ -40,8 +40,8 @@
--surface-overlay:#1f2d40;
--surface-border:#304562;
--surface-hover:rgba(255,255,255,.03);
- --maskbg: rgba(0, 0, 0, 0.4);
--focus-ring: 0 0 0 1px #cf95d9;
+ --maskbg: rgba(0, 0, 0, 0.4);
color-scheme: light dark;
}
@@ -241,18 +241,19 @@
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
right: 2.857rem;
}
-.p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.5rem;
-}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
+.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
border-color: #BA68C8;
}
-.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
border-color: #BA68C8;
}
+.p-autocomplete .p-autocomplete-multiple-container {
+ padding: 0.25rem 0.5rem;
+ gap: 0.5rem;
+}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
padding: 0.25rem 0;
}
@@ -265,14 +266,17 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: rgba(186, 104, 200, 0.16);
+ background: #304562;
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
+ border-radius: 16px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem;
}
+.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+ background: #3e526d;
+ color: rgba(255, 255, 255, 0.87);
+}
.p-autocomplete.p-invalid.p-component > .p-inputtext {
border-color: #ef9a9a;
}
@@ -296,14 +300,21 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
-}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(186, 104, 200, 0.16);
}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+ background: rgba(186, 104, 200, 0.24);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
+.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
margin: 0;
padding: 0.75rem 1rem;
@@ -494,10 +505,10 @@
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
padding-left: 0;
+ border-left: 0 none;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
padding-right: 0;
- border-left: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03);
@@ -585,22 +596,24 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
-.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1rem;
-}
-.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 #cf95d9;
-}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(186, 104, 200, 0.16);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+ background: rgba(186, 104, 200, 0.24);
+}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
+.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+ padding: 0.5rem 1rem;
+}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
font-size: 0.875rem;
}
@@ -637,11 +650,6 @@
border-color: #BA68C8;
background: #BA68C8;
}
-.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
- border-color: #a241b2;
- background: #a241b2;
- color: #ffffff;
-}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
border-color: #BA68C8;
}
@@ -673,24 +681,28 @@
background: #a241b2;
}
-.p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.5rem;
-}
-.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
+.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
border-color: #BA68C8;
}
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
+.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
border-color: #BA68C8;
}
+.p-chips .p-chips-multiple-container {
+ padding: 0.25rem 0.5rem;
+}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
- background: rgba(186, 104, 200, 0.16);
+ background: #304562;
+ color: rgba(255, 255, 255, 0.87);
+ border-radius: 16px;
+}
+.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
+ background: #3e526d;
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem;
@@ -752,7 +764,7 @@
.p-dropdown .p-dropdown-label.p-placeholder {
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown .p-dropdown-label:enabled:focus {
+.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
outline: 0 none;
box-shadow: none;
}
@@ -795,13 +807,6 @@
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
- padding-right: 3rem;
- margin-right: -3rem;
-}
-.p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
- right: 2rem;
-}
.p-dropdown-panel .p-dropdown-items {
padding: 0.5rem 0;
}
@@ -818,6 +823,13 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(186, 104, 200, 0.16);
}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
+ background: rgba(186, 104, 200, 0.24);
+}
+.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -1059,7 +1071,7 @@
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
background: #b052c0;
}
-.p-inputswitch.p-invalid .p-inputswitch-slider {
+.p-inputswitch.p-invalid {
border-color: #ef9a9a;
}
@@ -1101,13 +1113,11 @@
transition-duration: 0.2s;
}
-.p-float-label > label.p-error {
+.p-float-label > .p-invalid + label {
color: #ef9a9a;
}
-.p-input-icon-left > i:first-of-type,
-.p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > .p-input-prefix {
+.p-input-icon-left > i:first-of-type {
left: 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1120,9 +1130,7 @@
left: 2rem;
}
-.p-input-icon-right > i:last-of-type,
-.p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > .p-input-suffix {
+.p-input-icon-right > i:last-of-type {
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
@@ -1172,6 +1180,7 @@
color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562;
border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-listbox .p-listbox-header {
padding: 0.5rem 1rem;
@@ -1191,6 +1200,7 @@
}
.p-listbox .p-listbox-list {
padding: 0.5rem 0;
+ outline: 0 none;
}
.p-listbox .p-listbox-list .p-listbox-item {
margin: 0;
@@ -1204,11 +1214,6 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(186, 104, 200, 0.16);
}
-.p-listbox .p-listbox-list .p-listbox-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #cf95d9;
-}
.p-listbox .p-listbox-list .p-listbox-item-group {
margin: 0;
padding: 0.75rem 1rem;
@@ -1221,42 +1226,27 @@
color: rgba(255, 255, 255, 0.87);
background: transparent;
}
+.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
+ background: rgba(186, 104, 200, 0.24);
+}
+.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
+.p-listbox.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+ border-color: #BA68C8;
+}
.p-listbox.p-invalid {
border-color: #ef9a9a;
}
-.p-mention-panel {
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #304562;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-}
-.p-mention-panel .p-mention-items {
- padding: 0.5rem 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
-}
-.p-mention-panel .p-mention-items .p-mention-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
-}
-.p-mention-panel .p-mention-items .p-mention-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16);
-}
-
.p-multiselect {
background: #17212f;
border: 1px solid #304562;
@@ -1272,9 +1262,6 @@
box-shadow: 0 0 0 1px #cf95d9;
border-color: #BA68C8;
}
-.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.5rem;
-}
.p-multiselect .p-multiselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@@ -1285,9 +1272,9 @@
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
- background: rgba(186, 104, 200, 0.16);
+ background: #304562;
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
+ border-radius: 16px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
margin-left: 0.5rem;
@@ -1299,10 +1286,6 @@
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
-.p-multiselect .p-multiselect-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 2.357rem;
-}
.p-multiselect.p-invalid.p-component {
border-color: #ef9a9a;
}
@@ -1310,12 +1293,6 @@
.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
padding: 0.25rem 0.5rem;
}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
- padding: 0.5rem 0.5rem;
-}
-.p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
- padding-right: 1.5rem;
-}
.p-multiselect-panel {
background: #1f2d40;
@@ -1333,9 +1310,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
- margin: 0 0.5rem;
-}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.5rem;
}
@@ -1343,7 +1317,11 @@
right: 0.5rem;
color: rgba(255, 255, 255, 0.6);
}
+.p-multiselect-panel .p-multiselect-header .p-checkbox {
+ margin-right: 0.5rem;
+}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
+ margin-left: 0.5rem;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
@@ -1378,15 +1356,17 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(186, 104, 200, 0.16);
}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+ background: rgba(186, 104, 200, 0.24);
+}
+.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.09);
+}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
}
-.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #cf95d9;
-}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
margin-right: 0.5rem;
}
@@ -1438,15 +1418,7 @@
.p-password-panel .p-password-meter .p-password-strength.strong {
background: #C5E1A5;
}
-.p-password-panel .p-password-info.weak {
- color: #F48FB1;
-}
-.p-password-panel .p-password-info.medium {
- color: #FFE082;
-}
-.p-password-panel .p-password-info.strong {
- color: #C5E1A5;
-}
+
.p-radiobutton {
width: 20px;
height: 20px;
@@ -1515,10 +1487,11 @@
.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
color: #F48FB1;
}
-.p-rating .p-rating-item:focus {
+.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
+ border-color: #BA68C8;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #BA68C8;
@@ -1662,50 +1635,6 @@
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
-.p-treeselect-panel .p-treeselect-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2d40;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
- margin-right: 0.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
- padding-right: 1.5rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
- padding-right: 3rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
- right: 2rem;
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- 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: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
-}
-.p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
-}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
@@ -1735,6 +1664,12 @@
.p-togglebutton.p-button .p-button-icon-right {
color: rgba(255, 255, 255, 0.6);
}
+.p-togglebutton.p-button:not(.p-disabled).p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+ border-color: #BA68C8;
+}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
border-color: #304562;
@@ -1775,12 +1710,12 @@
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
-.p-button:enabled:hover, .p-button:not(button):not(a):not(.p-disabled):hover {
+.p-button:enabled:hover {
background: #b052c0;
color: #ffffff;
border-color: #b052c0;
}
-.p-button:enabled:active, .p-button:not(button):not(a):not(.p-disabled):active {
+.p-button:enabled:active {
background: #a241b2;
color: #ffffff;
border-color: #a241b2;
@@ -1790,12 +1725,12 @@
color: #BA68C8;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined:enabled:hover {
background: rgba(186, 104, 200, 0.04);
color: #BA68C8;
border: 1px solid;
}
-.p-button.p-button-outlined:enabled:active, .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined:enabled:active {
background: rgba(186, 104, 200, 0.16);
color: #BA68C8;
border: 1px solid;
@@ -1804,11 +1739,11 @@
color: rgba(255, 255, 255, 0.6);
border-color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:hover, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-outlined.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-outlined.p-button-plain:enabled:active, .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-outlined.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1817,12 +1752,12 @@
color: #BA68C8;
border-color: transparent;
}
-.p-button.p-button-text:enabled:hover, .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text:enabled:hover {
background: rgba(186, 104, 200, 0.04);
color: #BA68C8;
border-color: transparent;
}
-.p-button.p-button-text:enabled:active, .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text:enabled:active {
background: rgba(186, 104, 200, 0.16);
color: #BA68C8;
border-color: transparent;
@@ -1830,11 +1765,11 @@
.p-button.p-button-text.p-button-plain {
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:hover, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-text.p-button-plain:enabled:hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.6);
}
-.p-button.p-button-text.p-button-plain:enabled:active, .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-text.p-button-plain:enabled:active {
background: rgba(255, 255, 255, 0.16);
color: rgba(255, 255, 255, 0.6);
}
@@ -1843,6 +1778,9 @@
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
}
+.p-button .p-button-label {
+ transition-duration: 0.2s;
+}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -1895,20 +1833,11 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
+.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
-.p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
- margin-right: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
- margin-top: 0.5rem;
-}
-.p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
- margin-bottom: 0.5rem;
-}
.p-button.p-button-loading-label-only .p-button-loading-icon {
- margin: 0;
+ margin-right: 0;
}
.p-fluid .p-button {
@@ -1924,295 +1853,295 @@
flex: 1;
}
-.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 {
+.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #78909C;
border: 1px solid #78909C;
}
-.p-button.p-button-secondary:enabled:hover, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary:enabled:hover, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
background: #69838f;
color: #ffffff;
border-color: #69838f;
}
-.p-button.p-button-secondary:enabled:focus, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-secondary:enabled:focus, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #a1b1ba;
}
-.p-button.p-button-secondary:enabled:active, .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary:enabled:active, .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
background: #5d747f;
color: #ffffff;
border-color: #5d747f;
}
-.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
+.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #78909C;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
background: rgba(120, 144, 156, 0.04);
color: #78909C;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
background: rgba(120, 144, 156, 0.16);
color: #78909C;
border: 1px solid;
}
-.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
+.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #78909C;
border-color: transparent;
}
-.p-button.p-button-secondary.p-button-text:enabled:hover, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
background: rgba(120, 144, 156, 0.04);
border-color: transparent;
color: #78909C;
}
-.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
background: rgba(120, 144, 156, 0.16);
border-color: transparent;
color: #78909C;
}
-.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
+.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #121212;
background: #81D4FA;
border: 1px solid #81D4FA;
}
-.p-button.p-button-info:enabled:hover, .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info:enabled:hover, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
background: #5dc8f9;
color: #121212;
border-color: #5dc8f9;
}
-.p-button.p-button-info:enabled:focus, .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-info:enabled:focus, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #a7e1fc;
}
-.p-button.p-button-info:enabled:active, .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info:enabled:active, .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
background: #38bbf7;
color: #121212;
border-color: #38bbf7;
}
-.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
+.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #81D4FA;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:hover, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
background: rgba(129, 212, 250, 0.04);
color: #81D4FA;
border: 1px solid;
}
-.p-button.p-button-info.p-button-outlined:enabled:active, .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
background: rgba(129, 212, 250, 0.16);
color: #81D4FA;
border: 1px solid;
}
-.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
+.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #81D4FA;
border-color: transparent;
}
-.p-button.p-button-info.p-button-text:enabled:hover, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
background: rgba(129, 212, 250, 0.04);
border-color: transparent;
color: #81D4FA;
}
-.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
background: rgba(129, 212, 250, 0.16);
border-color: transparent;
color: #81D4FA;
}
-.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
+.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #121212;
background: #C5E1A5;
border: 1px solid #C5E1A5;
}
-.p-button.p-button-success:enabled:hover, .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success:enabled:hover, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
background: #b2d788;
color: #121212;
border-color: #b2d788;
}
-.p-button.p-button-success:enabled:focus, .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-success:enabled:focus, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #d6eac0;
}
-.p-button.p-button-success:enabled:active, .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success:enabled:active, .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
background: #9fce6b;
color: #121212;
border-color: #9fce6b;
}
-.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
+.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #C5E1A5;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:hover, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
background: rgba(197, 225, 165, 0.04);
color: #C5E1A5;
border: 1px solid;
}
-.p-button.p-button-success.p-button-outlined:enabled:active, .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
background: rgba(197, 225, 165, 0.16);
color: #C5E1A5;
border: 1px solid;
}
-.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
+.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #C5E1A5;
border-color: transparent;
}
-.p-button.p-button-success.p-button-text:enabled:hover, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
background: rgba(197, 225, 165, 0.04);
border-color: transparent;
color: #C5E1A5;
}
-.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
background: rgba(197, 225, 165, 0.16);
border-color: transparent;
color: #C5E1A5;
}
-.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
+.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #121212;
background: #FFE082;
border: 1px solid #FFE082;
}
-.p-button.p-button-warning:enabled:hover, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning:enabled:hover, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
background: #ffd65c;
color: #121212;
border-color: #ffd65c;
}
-.p-button.p-button-warning:enabled:focus, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-warning:enabled:focus, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #ffe9a8;
}
-.p-button.p-button-warning:enabled:active, .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning:enabled:active, .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
background: #ffcd35;
color: #121212;
border-color: #ffcd35;
}
-.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
+.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #FFE082;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
background: rgba(255, 224, 130, 0.04);
color: #FFE082;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-outlined:enabled:active, .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
background: rgba(255, 224, 130, 0.16);
color: #FFE082;
border: 1px solid;
}
-.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
+.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #FFE082;
border-color: transparent;
}
-.p-button.p-button-warning.p-button-text:enabled:hover, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
background: rgba(255, 224, 130, 0.04);
border-color: transparent;
color: #FFE082;
}
-.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
background: rgba(255, 224, 130, 0.16);
border-color: transparent;
color: #FFE082;
}
-.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
+.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #121212;
background: #CE93D8;
border: 1px solid #CE93D8;
}
-.p-button.p-button-help:enabled:hover, .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help:enabled:hover, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #c278ce;
color: #121212;
border-color: #c278ce;
}
-.p-button.p-button-help:enabled:focus, .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-help:enabled:focus, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #ddb3e4;
}
-.p-button.p-button-help:enabled:active, .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help:enabled:active, .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #b65ec5;
color: #121212;
border-color: #b65ec5;
}
-.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
+.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #CE93D8;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:hover, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
background: rgba(206, 147, 216, 0.04);
color: #CE93D8;
border: 1px solid;
}
-.p-button.p-button-help.p-button-outlined:enabled:active, .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
background: rgba(206, 147, 216, 0.16);
color: #CE93D8;
border: 1px solid;
}
-.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
+.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #CE93D8;
border-color: transparent;
}
-.p-button.p-button-help.p-button-text:enabled:hover, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
background: rgba(206, 147, 216, 0.04);
border-color: transparent;
color: #CE93D8;
}
-.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
background: rgba(206, 147, 216, 0.16);
border-color: transparent;
color: #CE93D8;
}
-.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
+.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #121212;
background: #F48FB1;
border: 1px solid #F48FB1;
}
-.p-button.p-button-danger:enabled:hover, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger:enabled:hover, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
background: #f16c98;
color: #121212;
border-color: #f16c98;
}
-.p-button.p-button-danger:enabled:focus, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .p-fileupload-choose.p-button-danger:enabled:focus, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
box-shadow: 0 0 0 1px #f7b1c8;
}
-.p-button.p-button-danger:enabled:active, .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger:enabled:active, .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
background: #ed4980;
color: #121212;
border-color: #ed4980;
}
-.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
+.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #F48FB1;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
background: rgba(244, 143, 177, 0.04);
color: #F48FB1;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-outlined:enabled:active, .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
background: rgba(244, 143, 177, 0.16);
color: #F48FB1;
border: 1px solid;
}
-.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
+.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #F48FB1;
border-color: transparent;
}
-.p-button.p-button-danger.p-button-text:enabled:hover, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
background: rgba(244, 143, 177, 0.04);
border-color: transparent;
color: #F48FB1;
}
-.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
background: rgba(244, 143, 177, 0.16);
border-color: transparent;
color: #F48FB1;
@@ -2223,25 +2152,89 @@
background: transparent;
border: transparent;
}
-.p-button.p-button-link:enabled:hover, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
+.p-button.p-button-link:enabled:hover {
background: transparent;
color: #BA68C8;
border-color: transparent;
}
-.p-button.p-button-link:enabled:hover .p-button-label, .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
+.p-button.p-button-link:enabled:hover .p-button-label {
text-decoration: underline;
}
-.p-button.p-button-link:enabled:focus, .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
+.p-button.p-button-link:enabled:focus {
background: transparent;
box-shadow: 0 0 0 0.1rem #cf95d9;
border-color: transparent;
}
-.p-button.p-button-link:enabled:active, .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
+.p-button.p-button-link:enabled:active {
background: transparent;
color: #BA68C8;
border-color: transparent;
}
+.p-speeddial-button.p-button.p-button-icon-only {
+ width: 4rem;
+ height: 4rem;
+}
+.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
+ font-size: 1.3rem;
+}
+
+.p-speeddial-action {
+ width: 3rem;
+ height: 3rem;
+ background: rgba(255, 255, 255, 0.87);
+ color: #17212f;
+}
+.p-speeddial-action:hover {
+ background: rgba(255, 255, 255, 0.6);
+ color: #17212f;
+}
+
+.p-speeddial-direction-up .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-up .p-speeddial-item:first-child {
+ margin-bottom: 0.5rem;
+}
+
+.p-speeddial-direction-down .p-speeddial-item {
+ margin: 0.25rem 0;
+}
+.p-speeddial-direction-down .p-speeddial-item:first-child {
+ margin-top: 0.5rem;
+}
+
+.p-speeddial-direction-left .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-left .p-speeddial-item:first-child {
+ margin-right: 0.5rem;
+}
+
+.p-speeddial-direction-right .p-speeddial-item {
+ margin: 0 0.25rem;
+}
+.p-speeddial-direction-right .p-speeddial-item:first-child {
+ margin-left: 0.5rem;
+}
+
+.p-speeddial-circle .p-speeddial-item,
+.p-speeddial-semi-circle .p-speeddial-item,
+.p-speeddial-quarter-circle .p-speeddial-item {
+ margin: 0;
+}
+.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+.p-speeddial-semi-circle .p-speeddial-item:first-child,
+.p-speeddial-semi-circle .p-speeddial-item:last-child,
+.p-speeddial-quarter-circle .p-speeddial-item:first-child,
+.p-speeddial-quarter-circle .p-speeddial-item:last-child {
+ margin: 0;
+}
+
+.p-speeddial-mask {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
.p-splitbutton {
border-radius: 3px;
}
@@ -2494,70 +2487,6 @@
color: #F48FB1;
}
-.p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
-}
-.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
-}
-
-.p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: rgba(255, 255, 255, 0.87);
- color: #17212f;
-}
-.p-speeddial-action:hover {
- background: rgba(255, 255, 255, 0.6);
- color: #17212f;
-}
-
-.p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
-}
-
-.p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem;
-}
-.p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
-}
-
-.p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
-}
-
-.p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
-}
-.p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
-}
-
-.p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
-}
-.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
-}
-
-.p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
-}
-
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
width: 2rem;
@@ -2596,7 +2525,7 @@
border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: rgba(255, 255, 255, 0.03);
+ background: #3c567a;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: rgba(186, 104, 200, 0.16);
@@ -2659,11 +2588,11 @@
background: rgba(186, 104, 200, 0.16);
margin-left: 0.5rem;
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-datatable .p-sortable-column.p-highlight {
@@ -2673,11 +2602,11 @@
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
color: #BA68C8;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
+.p-datatable .p-sortable-column.p-highlight:hover {
background: rgba(255, 255, 255, 0.03);
color: #BA68C8;
}
-.p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
+.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
color: #BA68C8;
}
.p-datatable .p-sortable-column:focus {
@@ -2729,9 +2658,9 @@
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 600;
}
-.p-datatable .p-datatable-tbody > tr > td.p-highlight {
- background: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87);
+.p-datatable .p-datatable-tbody > tr:focus {
+ outline: 0.15rem solid #cf95d9;
+ outline-offset: -0.15rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: rgba(186, 104, 200, 0.16);
@@ -2743,23 +2672,7 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 rgba(186, 104, 200, 0.16);
}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus {
- outline: 0.15rem solid #cf95d9;
- 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: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus {
- outline: 0.15rem solid #cf95d9;
- outline-offset: -0.15rem;
-}
-.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
+.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
@@ -2799,22 +2712,31 @@
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
+ border-top-width: 0;
+}
+.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
+ border-left-width: 0;
+}
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #253144;
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: rgba(186, 104, 200, 0.16);
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
-.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
- background: #253144;
-}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
@@ -2846,10 +2768,6 @@
padding: 1.25rem 1.25rem;
}
-.p-datatable-drag-selection-helper {
- background: rgba(186, 104, 200, 0.16);
-}
-
.p-dataview .p-paginator-top {
border-width: 1px 0 1px 0;
border-radius: 0;
@@ -2886,46 +2804,6 @@
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
-.p-dataview .p-dataview-loading-icon {
- font-size: 2rem;
-}
-
-.p-datascroller .p-paginator-top {
- border-width: 1px 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
-}
-.p-datascroller .p-datascroller-header {
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.6);
- border: 1px solid #304562;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
-}
-.p-datascroller .p-datascroller-content {
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- padding: 0;
-}
-.p-datascroller.p-datascroller-inline .p-datascroller-list > li {
- border: solid #304562;
- border-width: 0 0 1px 0;
-}
-.p-datascroller .p-datascroller-footer {
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #304562;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
-}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
@@ -3351,19 +3229,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-orderlist .p-orderlist-filter-container {
- padding: 1rem;
- background: #1f2d40;
- border: 1px solid #304562;
- border-bottom: 0 none;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
- padding-right: 1.5rem;
-}
-.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-orderlist .p-orderlist-list {
border: 1px solid #304562;
background: #1f2d40;
@@ -3400,22 +3265,6 @@
background: rgba(255, 255, 255, 0.03);
}
-@media screen and (max-width: 960px) {
- .p-orderlist {
- flex-direction: column;
- }
- .p-orderlist .p-orderlist-controls {
- padding: 1rem;
- flex-direction: row;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-controls .p-button:last-child {
- margin-right: 0;
- }
-}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
@@ -3494,6 +3343,7 @@
}
.p-paginator .p-dropdown {
margin-left: 0.5rem;
+ margin-right: 0.5rem;
height: 2.286em;
}
.p-paginator .p-dropdown .p-dropdown-label {
@@ -3552,19 +3402,6 @@
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
-.p-picklist .p-picklist-filter-container {
- padding: 1rem;
- background: #1f2d40;
- border: 1px solid #304562;
- border-bottom: 0 none;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
- padding-right: 1.5rem;
-}
-.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
-}
.p-picklist .p-picklist-list {
border: 1px solid #304562;
background: #1f2d40;
@@ -3594,35 +3431,38 @@
color: rgba(255, 255, 255, 0.87);
background: rgba(186, 104, 200, 0.16);
}
-
-@media screen and (max-width: 960px) {
- .p-picklist {
- flex-direction: column;
- }
- .p-picklist .p-picklist-buttons {
- padding: 1rem;
- flex-direction: row;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-right: 0.5rem;
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-buttons .p-button:last-child {
- margin-right: 0;
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
- content: "\e930";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
- content: "\e92c";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
- content: "\e933";
- }
- .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
- content: "\e92f";
- }
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+ background: rgba(255, 255, 255, 0.01);
}
+.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+ background: rgba(255, 255, 255, 0.03);
+}
+
+.p-timeline .p-timeline-event-marker {
+ border: 2px solid #BA68C8;
+ border-radius: 50%;
+ width: 1rem;
+ height: 1rem;
+ background-color: #1f2d40;
+}
+.p-timeline .p-timeline-event-connector {
+ background-color: #304562;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
+.p-timeline.p-timeline-vertical .p-timeline-event-content {
+ padding: 0 1rem;
+}
+.p-timeline.p-timeline-vertical .p-timeline-event-connector {
+ width: 2px;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
+.p-timeline.p-timeline-horizontal .p-timeline-event-content {
+ padding: 1rem 0;
+}
+.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
+ height: 2px;
+}
+
.p-tree {
border: 1px solid #304562;
background: #1f2d40;
@@ -3689,10 +3529,6 @@
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
.p-tree .p-tree-filter-container {
margin-bottom: 0.5rem;
}
@@ -3710,12 +3546,6 @@
.p-tree .p-tree-loading-icon {
font-size: 2rem;
}
-.p-tree .p-treenode-droppoint {
- height: 0.5rem;
-}
-.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
- background: rgba(162, 65, 178, 0.16);
-}
.p-treetable .p-paginator-top {
border-width: 1px 0 1px 0;
@@ -3841,11 +3671,11 @@
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
}
-.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 {
+.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
color: rgba(255, 255, 255, 0.87);
}
.p-treetable .p-column-resizer-helper {
@@ -3910,31 +3740,6 @@
padding: 1.25rem 1.25rem;
}
-.p-timeline .p-timeline-event-marker {
- border: 2px solid #BA68C8;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #1f2d40;
-}
-.p-timeline .p-timeline-event-connector {
- background-color: #304562;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
-}
-.p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
-}
-.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
-}
-
.p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem;
border: 1px solid #304562;
@@ -3950,7 +3755,7 @@
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
outline: 0 none;
outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
+ box-shadow: inset 0 0 0 1px #cf95d9;
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: rgba(255, 255, 255, 0.03);
@@ -4004,7 +3809,7 @@
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
-.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-content {
+.p-accordion .p-accordion-tab:last-child .p-accordion-content {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
@@ -4067,6 +3872,9 @@
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
}
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
+ color: rgba(255, 255, 255, 0.87);
+}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: rgba(255, 255, 255, 0.03);
border-color: #304562;
@@ -4150,6 +3958,17 @@
border-top: 0 none;
}
+.p-scrollpanel .p-scrollpanel-bar {
+ background: #304562;
+ border: 0 none;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-scrollpanel .p-scrollpanel-bar:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+
.p-splitter {
border: 1px solid #304562;
background: #1f2d40;
@@ -4162,16 +3981,17 @@
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
background: #304562;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
}
.p-splitter .p-splitter-gutter-resizing {
background: #304562;
}
-.p-scrollpanel .p-scrollpanel-bar {
- background: #304562;
- border: 0 none;
-}
-
.p-tabview .p-tabview-nav {
background: transparent;
border: 1px solid #304562;
@@ -4208,9 +4028,6 @@
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;
@@ -4463,9 +4280,12 @@
border-bottom: 0 none;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
+ gap: 0.5rem;
}
-.p-fileupload .p-fileupload-buttonbar .p-button {
- margin-right: 0.5rem;
+.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
}
.p-fileupload .p-fileupload-content {
background: #1f2d40;
@@ -4475,6 +4295,22 @@
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
+.p-fileupload .p-fileupload-file {
+ padding: 1rem;
+ border: 1px solid #304562;
+ border-radius: 3px;
+ gap: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file:last-child {
+ margin-bottom: 0;
+}
+.p-fileupload .p-fileupload-file-name {
+ margin-bottom: 0.5rem;
+}
+.p-fileupload .p-fileupload-file-size {
+ margin-right: 0.5rem;
+}
.p-fileupload .p-progressbar {
height: 0.25rem;
}
@@ -4485,35 +4321,46 @@
margin-top: 0;
}
+.p-fileupload-choose:not(.p-disabled):hover {
+ background: #b052c0;
+ color: #ffffff;
+ border-color: #b052c0;
+}
+.p-fileupload-choose:not(.p-disabled):active {
+ background: #a241b2;
+ color: #ffffff;
+ border-color: #a241b2;
+}
+
.p-breadcrumb {
background: #1f2d40;
border: 1px solid #304562;
border-radius: 3px;
padding: 1rem;
}
-.p-breadcrumb ul li .p-menuitem-link {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
transition: box-shadow 0.2s;
border-radius: 3px;
}
-.p-breadcrumb ul li .p-menuitem-link:focus {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
-.p-breadcrumb ul li.p-breadcrumb-chevron {
+.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
margin: 0 0.5rem 0 0.5rem;
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-text {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
}
-.p-breadcrumb ul li:last-child .p-menuitem-icon {
+.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
color: rgba(255, 255, 255, 0.6);
}
@@ -4526,39 +4373,8 @@
border-radius: 3px;
width: 12.5rem;
}
-.p-contextmenu .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-contextmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .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 {
- 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-link:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-contextmenu .p-menuitem-link:focus {
+.p-contextmenu .p-contextmenu-root-list {
outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #cf95d9;
}
.p-contextmenu .p-submenu-list {
padding: 0.25rem 0;
@@ -4567,16 +4383,59 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-active > .p-menuitem-link {
+.p-contextmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
background: #17212f;
}
-.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .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.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.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-menu-separator {
+.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:not(.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:not(.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: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: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-menuitem-separator {
border-top: 1px solid #304562;
margin: 0.25rem 0;
}
@@ -4584,78 +4443,71 @@
font-size: 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-action {
+.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-link {
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 {
+ .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
- .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list {
+ .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
- .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container {
+ .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
- .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
+ .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
- .p-dock.p-dock-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 {
+ .p-dock .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
@@ -4667,98 +4519,68 @@
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 {
+ 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);
-}
-.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 #cf95d9;
-}
-.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: #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 {
+.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-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: 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.p-highlight.p-focus > .p-menuitem-content {
+ background: #17212f;
+}
+.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-menuitem:not(.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;
- 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-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.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);
@@ -4767,27 +4589,48 @@
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;
}
+.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-menu {
padding: 0.25rem 0;
@@ -4797,40 +4640,58 @@
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 {
+ 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: #17212f;
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #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:not(.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-link:not(.p-disabled):hover .p-menuitem-text {
+.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-link:not(.p-disabled):hover .p-menuitem-icon {
+.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-menuitem-link:not(.p-disabled):hover .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 #cf95d9;
-}
.p-menu.p-menu-overlay {
background: #1f2d40;
border: 1px solid #304562;
@@ -4845,7 +4706,7 @@
border-top-right-radius: 0;
border-top-left-radius: 0;
}
-.p-menu .p-menu-separator {
+.p-menu .p-menuitem-separator {
border-top: 1px solid #304562;
margin: 0.25rem 0;
}
@@ -4857,89 +4718,89 @@
border: 1px solid #304562;
border-radius: 3px;
}
-.p-menubar .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-menubar .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-menubar .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 {
- color: rgba(255, 255, 255, 0.6);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .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.87);
-}
-.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-menubar .p-menuitem-link:focus {
+.p-menubar .p-menubar-root-list {
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-menubar-root-list > .p-menuitem > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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-menubar-root-list > .p-menuitem > .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 > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.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:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #cf95d9;
+.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-active > .p-menuitem-link,
-.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
+.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.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-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.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-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.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-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.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-menubar .p-submenu-list {
@@ -4949,22 +4810,13 @@
box-shadow: 0 2px 4px -1px rgba(0, 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-menuitem.p-menuitem-active > .p-menuitem-link {
- background: #17212f;
-}
-.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.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);
-}
@media screen and (max-width: 960px) {
.p-menubar {
@@ -4996,56 +4848,22 @@
box-shadow: 0 2px 4px -1px rgba(0, 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: 100%;
}
- .p-menubar .p-menubar-root-list .p-menu-separator {
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
border-top: 1px solid #304562;
margin: 0.25rem 0;
}
.p-menubar .p-menubar-root-list .p-submenu-icon {
font-size: 0.875rem;
}
- .p-menubar .p-menubar-root-list > .p-menuitem {
+ .p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list > .p-menuitem > .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-menubar .p-menubar-root-list > .p-menuitem > .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 {
- 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 {
- 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:not(.p-disabled):hover .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 {
- 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 {
- 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 #cf95d9;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
margin-left: auto;
transition: transform 0.2s;
}
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-180deg);
}
.p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5058,26 +4876,26 @@
transition: transform 0.2s;
transform: rotate(90deg);
}
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
transform: rotate(-90deg);
}
.p-menubar .p-menubar-root-list .p-menuitem {
width: 100%;
position: static;
}
- .p-menubar .p-menubar-root-list ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 2.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 3.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 5.25rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 6.75rem;
}
- .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
padding-left: 8.25rem;
}
.p-menubar.p-menubar-mobile-active .p-menubar-root-list {
@@ -5088,42 +4906,45 @@
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-action {
+ padding: 1rem;
+ font-weight: 600;
+}
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
+.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
margin-right: 0.5rem;
}
-.p-panelmenu .p-panelmenu-header > a:focus {
+.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .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);
@@ -5139,66 +4960,91 @@
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 {
+ 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: #17212f;
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-panelmenu .p-panelmenu-content .p-menuitem.p-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: #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:not(.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:not(.p-disabled):hover .p-menuitem-text {
+.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:not(.p-disabled):hover .p-menuitem-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-link:not(.p-disabled):hover .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 #cf95d9;
-}
-.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 #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;
}
@@ -5207,80 +5053,6 @@
border-bottom-left-radius: 3px;
}
-.p-slidemenu {
- padding: 0.25rem 0;
- background: #1f2d40;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #304562;
- border-radius: 3px;
- width: 12.5rem;
-}
-.p-slidemenu .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-slidemenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .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 {
- 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:not(.p-disabled):hover .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .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-slidemenu-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-slidemenu .p-slidemenu-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-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
- background: #17212f;
-}
-.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.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: rgba(255, 255, 255, 0.87);
-}
-.p-slidemenu .p-slidemenu-separator {
- border-top: 1px solid #304562;
- margin: 0.25rem 0;
-}
-.p-slidemenu .p-slidemenu-icon {
- font-size: 0.875rem;
-}
-.p-slidemenu .p-slidemenu-backward {
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
-}
-
.p-steps .p-steps-item .p-menuitem-link {
background: transparent;
transition: box-shadow 0.2s;
@@ -5346,7 +5118,6 @@
border-top-left-radius: 3px;
transition: box-shadow 0.2s;
margin: 0 0 -2px 0;
- height: calc(100% + 2px);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
margin-right: 0.5rem;
@@ -5375,61 +5146,73 @@
border-radius: 3px;
width: 12.5rem;
}
-.p-tieredmenu .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-tieredmenu .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .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 {
- 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 {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-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-link:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #cf95d9;
-}
.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-active > .p-menuitem-link {
+.p-tieredmenu .p-menuitem > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
+ transition: box-shadow 0.2s;
+ border-radius: 0;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
+ padding: 0.75rem 1rem;
+ user-select: none;
+}
+.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.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 > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.6);
+}
+.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
+ color: rgba(255, 255, 255, 0.87);
background: #17212f;
}
-.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .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.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.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-menu-separator {
+.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+ background: #17212f;
+}
+.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-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+ 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: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: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;
}
@@ -5697,7 +5480,7 @@
border-radius: 50%;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.1);
+ background: #3c567a;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(186, 104, 200, 0.16);
@@ -5741,9 +5524,6 @@
background: rgba(255, 255, 255, 0.1);
color: #f8f9fa;
}
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- transition: box-shadow 0.2s;
-}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
@@ -5817,6 +5597,48 @@
border: 2px solid #1f2d40;
}
+.p-badge {
+ background: #BA68C8;
+ color: #ffffff;
+ font-size: 0.75rem;
+ font-weight: 700;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.5rem;
+}
+.p-badge.p-badge-secondary {
+ background-color: #78909C;
+ color: #ffffff;
+}
+.p-badge.p-badge-success {
+ background-color: #C5E1A5;
+ color: #121212;
+}
+.p-badge.p-badge-info {
+ background-color: #81D4FA;
+ color: #121212;
+}
+.p-badge.p-badge-warning {
+ background-color: #FFE082;
+ color: #121212;
+}
+.p-badge.p-badge-danger {
+ background-color: #F48FB1;
+ color: #121212;
+}
+.p-badge.p-badge-lg {
+ font-size: 1.125rem;
+ min-width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+}
+.p-badge.p-badge-xl {
+ font-size: 1.5rem;
+ min-width: 3rem;
+ height: 3rem;
+ line-height: 3rem;
+}
+
.p-chip {
background-color: #304562;
color: rgba(255, 255, 255, 0.87);
@@ -5838,9 +5660,9 @@
margin-right: 0.5rem;
}
.p-chip .p-chip-remove-icon {
+ margin-left: 0.5rem;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-left: 0.5rem;
}
.p-chip .p-chip-remove-icon:focus {
outline: 0 none;
@@ -5848,6 +5670,37 @@
box-shadow: 0 0 0 1px #cf95d9;
}
+.p-inplace .p-inplace-display {
+ padding: 0.5rem 0.5rem;
+ border-radius: 3px;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+}
+.p-inplace .p-inplace-display:not(.p-disabled):hover {
+ background: rgba(255, 255, 255, 0.03);
+ color: rgba(255, 255, 255, 0.87);
+}
+.p-inplace .p-inplace-display:focus {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 1px #cf95d9;
+}
+
+.p-progressbar {
+ border: 0 none;
+ height: 1.5rem;
+ background: #304562;
+ border-radius: 3px;
+}
+.p-progressbar .p-progressbar-value {
+ border: 0 none;
+ margin: 0;
+ background: #BA68C8;
+}
+.p-progressbar .p-progressbar-label {
+ color: #ffffff;
+ line-height: 1.5rem;
+}
+
.p-scrolltop {
width: 3rem;
height: 3rem;
@@ -5903,37 +5756,6 @@
font-size: 0.75rem;
}
-.p-inplace .p-inplace-display {
- padding: 0.5rem 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
-}
-.p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
-}
-.p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
-}
-
-.p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #304562;
- border-radius: 3px;
-}
-.p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #BA68C8;
-}
-.p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 1.5rem;
-}
-
.p-terminal {
background: #1f2d40;
color: rgba(255, 255, 255, 0.87);
@@ -5945,73 +5767,6 @@
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
-.p-badge {
- background: #BA68C8;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
-}
-.p-badge.p-badge-secondary {
- background-color: #78909C;
- color: #ffffff;
-}
-.p-badge.p-badge-success {
- background-color: #C5E1A5;
- color: #121212;
-}
-.p-badge.p-badge-info {
- background-color: #81D4FA;
- color: #121212;
-}
-.p-badge.p-badge-warning {
- background-color: #FFE082;
- color: #121212;
-}
-.p-badge.p-badge-danger {
- background-color: #F48FB1;
- color: #121212;
-}
-.p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
-}
-.p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
-}
-
-.p-tag {
- background: #BA68C8;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 3px;
-}
-.p-tag.p-tag-success {
- background-color: #C5E1A5;
- color: #121212;
-}
-.p-tag.p-tag-info {
- background-color: #81D4FA;
- color: #121212;
-}
-.p-tag.p-tag-warning {
- background-color: #FFE082;
- color: #121212;
-}
-.p-tag.p-tag-danger {
- background-color: #F48FB1;
- color: #121212;
-}
-
/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #BA68C8;
diff --git a/src/assets/layout/styles/layout/_main.scss b/src/assets/layout/styles/layout/_main.scss
index 61cc1b5..d80db70 100644
--- a/src/assets/layout/styles/layout/_main.scss
+++ b/src/assets/layout/styles/layout/_main.scss
@@ -20,9 +20,9 @@ body {
a {
text-decoration: none;
- color: var(--primary-color);
+ /* color: var(--primary-color); */
}
.layout-wrapper {
min-height: 100vh;
-}
\ No newline at end of file
+}
diff --git a/src/layout/AppTopbar.vue b/src/layout/AppTopbar.vue
index c7b5c5c..c08ee03 100644
--- a/src/layout/AppTopbar.vue
+++ b/src/layout/AppTopbar.vue
@@ -9,11 +9,11 @@
-