primeng 16.7.1 → 16.8.0

package/resources/themes/mira/theme.css

@@ -483,6 +483,13 @@
     border-color: #BF616A;
   }
 
+  .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #C0D0E0;
+    border-color: #81A1C1;
+  }
+
   .p-datepicker {
     padding: 0.5rem;
     background: #ffffff;
@@ -3247,6 +3254,7 @@
     padding: 0.5rem 0;
     border-bottom-right-radius: 4px;
     border-bottom-left-radius: 4px;
+    outline: 0 none;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item {
     padding: 0.5rem 1rem;
@@ -3254,17 +3262,23 @@
     border: 0 none;
     color: #4C566A;
     background: transparent;
-    transition: none;
+    transition: transform 0.2s, none;
   }
-  .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #C0D0E0;
+  .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+    background: transparent;
+    color: #4C566A;
+  }
+  .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
+    color: #4C566A;
+    background: #E5E9F0;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #2E3440;
     background: #D8DEE9;
   }
+  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
+    background: #bec8da;
+  }
   .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
     padding: 0.5rem 1rem;
     color: #4C566A;
@@ -3448,6 +3462,7 @@
     padding: 0.5rem 0;
     border-bottom-right-radius: 4px;
     border-bottom-left-radius: 4px;
+    outline: 0 none;
   }
   .p-picklist .p-picklist-list .p-picklist-item {
     padding: 0.5rem 1rem;
@@ -3455,17 +3470,23 @@
     border: 0 none;
     color: #4C566A;
     background: transparent;
-    transition: none;
+    transition: transform 0.2s, none;
   }
-  .p-picklist .p-picklist-list .p-picklist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #C0D0E0;
+  .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+    background: transparent;
+    color: #4C566A;
+  }
+  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
+    color: #4C566A;
+    background: #E5E9F0;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #2E3440;
     background: #D8DEE9;
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: #bec8da;
+  }
   .p-picklist .p-picklist-list .p-picklist-empty-message {
     padding: 0.5rem 1rem;
     color: #4C566A;
@@ -3524,6 +3545,12 @@
   }
   .p-tree .p-tree-container .p-treenode {
     padding: 0.143rem;
+    outline: 0 none;
+  }
+  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 0.15rem #C0D0E0;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content {
     border-radius: 4px;
@@ -3560,11 +3587,6 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #4C566A;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #C0D0E0;
-  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: #D8DEE9;
     color: #2E3440;

package/resources/themes/nano/theme.css

@@ -455,6 +455,13 @@
     border-color: #d8222f;
   }
 
+  .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #90c9f5;
+    border-color: #1174c0;
+  }
+
   .p-datepicker {
     padding: 0.25rem;
     background: #ffffff;
@@ -3219,6 +3226,7 @@
     padding: 0.25rem 0;
     border-bottom-right-radius: 1px;
     border-bottom-left-radius: 1px;
+    outline: 0 none;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item {
     padding: 0.25rem 0.5rem;
@@ -3226,17 +3234,23 @@
     border: 0 none;
     color: #343a3f;
     background: transparent;
-    transition: box-shadow 0.2s;
+    transition: transform 0.2s, box-shadow 0.2s;
   }
-  .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #90c9f5;
+  .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+    background: #dde1e6;
+    color: #343a3f;
+  }
+  .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
+    color: #343a3f;
+    background: #d2d6db;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #ffffff;
     background: #44A1D9;
   }
+  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
+    background: #1174c0;
+  }
   .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
     padding: 0.25rem 0.5rem;
     color: #343a3f;
@@ -3420,6 +3434,7 @@
     padding: 0.25rem 0;
     border-bottom-right-radius: 1px;
     border-bottom-left-radius: 1px;
+    outline: 0 none;
   }
   .p-picklist .p-picklist-list .p-picklist-item {
     padding: 0.25rem 0.5rem;
@@ -3427,17 +3442,23 @@
     border: 0 none;
     color: #343a3f;
     background: transparent;
-    transition: box-shadow 0.2s;
+    transition: transform 0.2s, box-shadow 0.2s;
   }
-  .p-picklist .p-picklist-list .p-picklist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #90c9f5;
+  .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+    background: #dde1e6;
+    color: #343a3f;
+  }
+  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
+    color: #343a3f;
+    background: #d2d6db;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #ffffff;
     background: #44A1D9;
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: #1174c0;
+  }
   .p-picklist .p-picklist-list .p-picklist-empty-message {
     padding: 0.25rem 0.5rem;
     color: #343a3f;
@@ -3496,6 +3517,12 @@
   }
   .p-tree .p-tree-container .p-treenode {
     padding: 0.143rem;
+    outline: 0 none;
+  }
+  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 0.15rem #90c9f5;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content {
     border-radius: 1px;
@@ -3532,11 +3559,6 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #343a3f;
   }
-  .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 #90c9f5;
-  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: #44A1D9;
     color: #ffffff;

package/resources/themes/nova/theme.css

@@ -455,6 +455,13 @@
     border-color: #a80000;
   }
 
+  .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #8dcdff;
+    border-color: #007ad9;
+  }
+
   .p-datepicker {
     padding: 0.857rem;
     background: #ffffff;
@@ -3231,6 +3238,7 @@
     padding: 0;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
+    outline: 0 none;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item {
     padding: 0.429rem 0.857rem;
@@ -3238,17 +3246,23 @@
     border: 0 none;
     color: #333333;
     background: transparent;
-    transition: background-color 0.2s, box-shadow 0.2s;
+    transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
   }
-  .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:not(.p-highlight):hover {
+    background: #eaeaea;
+    color: #333333;
+  }
+  .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
+    color: #333333;
+    background: #d6d6d6;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #ffffff;
     background: #007ad9;
   }
+  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
+    background: #007ad9;
+  }
   .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
     padding: 0.429rem 0.857rem;
     color: #333333;
@@ -3432,6 +3446,7 @@
     padding: 0;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
+    outline: 0 none;
   }
   .p-picklist .p-picklist-list .p-picklist-item {
     padding: 0.429rem 0.857rem;
@@ -3439,17 +3454,23 @@
     border: 0 none;
     color: #333333;
     background: transparent;
-    transition: background-color 0.2s, box-shadow 0.2s;
+    transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
   }
-  .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:not(.p-highlight):hover {
+    background: #eaeaea;
+    color: #333333;
+  }
+  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
+    color: #333333;
+    background: #d6d6d6;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #ffffff;
     background: #007ad9;
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: #007ad9;
+  }
   .p-picklist .p-picklist-list .p-picklist-empty-message {
     padding: 0.429rem 0.857rem;
     color: #333333;
@@ -3508,6 +3529,12 @@
   }
   .p-tree .p-tree-container .p-treenode {
     padding: 0.143rem;
+    outline: 0 none;
+  }
+  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
+    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 {
     border-radius: 3px;
@@ -3544,11 +3571,6 @@
   .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;

package/resources/themes/nova-accent/theme.css

@@ -455,6 +455,13 @@
     border-color: #a80000;
   }
 
+  .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #8dcdff;
+    border-color: #007ad9;
+  }
+
   .p-datepicker {
     padding: 0.857rem;
     background: #ffffff;
@@ -3219,6 +3226,7 @@
     padding: 0;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
+    outline: 0 none;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item {
     padding: 0.429rem 0.857rem;
@@ -3226,17 +3234,23 @@
     border: 0 none;
     color: #333333;
     background: transparent;
-    transition: background-color 0.2s, box-shadow 0.2s;
+    transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
   }
-  .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:not(.p-highlight):hover {
+    background: #eaeaea;
+    color: #333333;
+  }
+  .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
+    color: #333333;
+    background: #d6d6d6;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #ffffff;
     background: #e02365;
   }
+  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
+    background: #e02365;
+  }
   .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
     padding: 0.429rem 0.857rem;
     color: #333333;
@@ -3420,6 +3434,7 @@
     padding: 0;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
+    outline: 0 none;
   }
   .p-picklist .p-picklist-list .p-picklist-item {
     padding: 0.429rem 0.857rem;
@@ -3427,17 +3442,23 @@
     border: 0 none;
     color: #333333;
     background: transparent;
-    transition: background-color 0.2s, box-shadow 0.2s;
+    transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
   }
-  .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:not(.p-highlight):hover {
+    background: #eaeaea;
+    color: #333333;
+  }
+  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
+    color: #333333;
+    background: #d6d6d6;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #ffffff;
     background: #e02365;
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: #e02365;
+  }
   .p-picklist .p-picklist-list .p-picklist-empty-message {
     padding: 0.429rem 0.857rem;
     color: #333333;
@@ -3496,6 +3517,12 @@
   }
   .p-tree .p-tree-container .p-treenode {
     padding: 0.143rem;
+    outline: 0 none;
+  }
+  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
+    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 {
     border-radius: 3px;
@@ -3532,11 +3559,6 @@
   .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;

package/resources/themes/nova-alt/theme.css

@@ -455,6 +455,13 @@
     border-color: #a80000;
   }
 
+  .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #8dcdff;
+    border-color: #007ad9;
+  }
+
   .p-datepicker {
     padding: 0.857rem;
     background: #ffffff;
@@ -3231,6 +3238,7 @@
     padding: 0;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
+    outline: 0 none;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item {
     padding: 0.429rem 0.857rem;
@@ -3238,17 +3246,23 @@
     border: 0 none;
     color: #333333;
     background: transparent;
-    transition: background-color 0.2s, box-shadow 0.2s;
+    transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
   }
-  .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:not(.p-highlight):hover {
+    background: #eaeaea;
+    color: #333333;
+  }
+  .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
+    color: #333333;
+    background: #d6d6d6;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #ffffff;
     background: #007ad9;
   }
+  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
+    background: #007ad9;
+  }
   .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
     padding: 0.429rem 0.857rem;
     color: #333333;
@@ -3432,6 +3446,7 @@
     padding: 0;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
+    outline: 0 none;
   }
   .p-picklist .p-picklist-list .p-picklist-item {
     padding: 0.429rem 0.857rem;
@@ -3439,17 +3454,23 @@
     border: 0 none;
     color: #333333;
     background: transparent;
-    transition: background-color 0.2s, box-shadow 0.2s;
+    transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s;
   }
-  .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:not(.p-highlight):hover {
+    background: #eaeaea;
+    color: #333333;
+  }
+  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
+    color: #333333;
+    background: #d6d6d6;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #ffffff;
     background: #007ad9;
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: #007ad9;
+  }
   .p-picklist .p-picklist-list .p-picklist-empty-message {
     padding: 0.429rem 0.857rem;
     color: #333333;
@@ -3508,6 +3529,12 @@
   }
   .p-tree .p-tree-container .p-treenode {
     padding: 0.143rem;
+    outline: 0 none;
+  }
+  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
+    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 {
     border-radius: 3px;
@@ -3544,11 +3571,6 @@
   .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;

package/resources/themes/rhea/theme.css

@@ -455,6 +455,13 @@
     border-color: #e7a3a3;
   }
 
+  .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #e4e9ec;
+    border-color: #7B95A3;
+  }
+
   .p-datepicker {
     padding: 0.857rem;
     background: #ffffff;
@@ -3219,6 +3226,7 @@
     padding: 0;
     border-bottom-right-radius: 2px;
     border-bottom-left-radius: 2px;
+    outline: 0 none;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item {
     padding: 0.429rem 0.857rem;
@@ -3226,17 +3234,23 @@
     border: 0 none;
     color: #666666;
     background: transparent;
-    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
-  .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:not(.p-highlight):hover {
+    background: #f4f4f4;
+    color: #666666;
+  }
+  .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
+    color: #666666;
+    background: #e0e0e0;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #385048;
     background: #AFD3C8;
   }
+  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
+    background: #aed3c7;
+  }
   .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
     padding: 0.429rem 0.857rem;
     color: #666666;
@@ -3420,6 +3434,7 @@
     padding: 0;
     border-bottom-right-radius: 2px;
     border-bottom-left-radius: 2px;
+    outline: 0 none;
   }
   .p-picklist .p-picklist-list .p-picklist-item {
     padding: 0.429rem 0.857rem;
@@ -3427,17 +3442,23 @@
     border: 0 none;
     color: #666666;
     background: transparent;
-    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
-  .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:not(.p-highlight):hover {
+    background: #f4f4f4;
+    color: #666666;
+  }
+  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
+    color: #666666;
+    background: #e0e0e0;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #385048;
     background: #AFD3C8;
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: #aed3c7;
+  }
   .p-picklist .p-picklist-list .p-picklist-empty-message {
     padding: 0.429rem 0.857rem;
     color: #666666;
@@ -3496,6 +3517,12 @@
   }
   .p-tree .p-tree-container .p-treenode {
     padding: 0.143rem;
+    outline: 0 none;
+  }
+  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
+    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 {
     border-radius: 2px;
@@ -3532,11 +3559,6 @@
   .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;