primereact 8.6.0 → 8.7.0

package/resources/primereact.css

@@ -187,40 +187,6 @@
     line-height: 1;
 }
 
-.p-avatar {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 2rem;
-    height: 2rem;
-    font-size: 1rem;
-}
-
-.p-avatar.p-avatar-image {
-    background-color: transparent;
-}
-
-.p-avatar-circle {
-    border-radius: 50%;
-}
-
-.p-avatar-circle img {
-    border-radius: 50%;
-}
-
-.p-avatar .p-avatar-icon {
-    font-size: 1rem;
-}
-
-.p-avatar img {
-    width: 100%;
-    height: 100%;
-}
-
-.p-avatar-clickable {
-    cursor: pointer;
-}
-
 .p-autocomplete {
     display: inline-flex;
     position: relative;
@@ -318,6 +284,40 @@
     width: 1%;
 }
 
+.p-avatar {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 2rem;
+    height: 2rem;
+    font-size: 1rem;
+}
+
+.p-avatar.p-avatar-image {
+    background-color: transparent;
+}
+
+.p-avatar-circle {
+    border-radius: 50%;
+}
+
+.p-avatar-circle img {
+    border-radius: 50%;
+}
+
+.p-avatar .p-avatar-icon {
+    font-size: 1rem;
+}
+
+.p-avatar img {
+    width: 100%;
+    height: 100%;
+}
+
+.p-avatar-clickable {
+    cursor: pointer;
+}
+
 .p-avatar-group .p-avatar + .p-avatar {
     margin-left: -1rem;
 }
@@ -411,75 +411,6 @@
     display: none;
 }
 
-.p-button {
-    margin: 0;
-    display: inline-flex;
-    cursor: pointer;
-    user-select: none;
-    align-items: center;
-    vertical-align: bottom;
-    text-align: center;
-    overflow: hidden;
-    position: relative;
-}
-
-.p-button-label {
-    flex: 1 1 auto;
-}
-
-.p-button-icon-right {
-    order: 1;
-}
-
-.p-button:disabled {
-    cursor: default;
-}
-
-.p-button-icon-only {
-    justify-content: center;
-}
-
-.p-button-icon-only .p-button-label {
-    visibility: hidden;
-    width: 0;
-    flex: 0 0 auto;
-}
-
-.p-button-vertical {
-    flex-direction: column;
-}
-
-.p-button-icon-bottom {
-    order: 2;
-}
-
-.p-buttonset .p-button {
-    margin: 0;
-}
-
-.p-buttonset .p-button:not(:last-child) {
-    border-right: 0 none;
-}
-
-.p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
-    border-radius: 0;
-}
-
-.p-buttonset .p-button:first-of-type {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-}
-
-.p-buttonset .p-button:last-of-type {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-}
-
-.p-buttonset .p-button:focus {
-    position: relative;
-    z-index: 1;
-}
-
 .p-calendar {
     position: relative;
     display: inline-flex;
@@ -650,13 +581,149 @@
     position: relative;
 }
 
-.p-card-header img {
-    width: 100%;
+.p-button {
+    margin: 0;
+    display: inline-flex;
+    cursor: pointer;
+    user-select: none;
+    align-items: center;
+    vertical-align: bottom;
+    text-align: center;
+    overflow: hidden;
+    position: relative;
+}
+
+.p-button-label {
+    flex: 1 1 auto;
+}
+
+.p-button-icon-right {
+    order: 1;
+}
+
+.p-button:disabled {
+    cursor: default;
+}
+
+.p-button-icon-only {
+    justify-content: center;
+}
+
+.p-button-icon-only .p-button-label {
+    visibility: hidden;
+    width: 0;
+    flex: 0 0 auto;
+}
+
+.p-button-vertical {
+    flex-direction: column;
+}
+
+.p-button-icon-bottom {
+    order: 2;
+}
+
+.p-buttonset .p-button {
+    margin: 0;
+}
+
+.p-buttonset .p-button:not(:last-child) {
+    border-right: 0 none;
+}
+
+.p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+    border-radius: 0;
+}
+
+.p-buttonset .p-button:first-of-type {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+}
+
+.p-buttonset .p-button:last-of-type {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+}
+
+.p-buttonset .p-button:focus {
+    position: relative;
+    z-index: 1;
+}
+
+.p-card-header img {
+    width: 100%;
+}
+
+.p-carousel {
+	display: flex;
+	flex-direction: column;
+}
+
+.p-carousel-content {
+	display: flex;
+	flex-direction: column;
+	overflow: auto;
+}
+
+.p-carousel-prev,
+.p-carousel-next {
+	align-self: center;
+	flex-grow: 0;
+    flex-shrink: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    overflow: hidden;
+    position: relative;
+}
+
+.p-carousel-container {
+	display: flex;
+	flex-direction: row;
+}
+
+.p-carousel-items-content {
+	overflow: hidden;
+    width: 100%;
+}
+
+.p-carousel-items-container {
+	display: flex;
+	flex-direction: row;
+}
+
+.p-carousel-indicators {
+	display: flex;
+	flex-direction: row;
+	justify-content: center;
+	flex-wrap: wrap;
+}
+
+.p-carousel-indicator > button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+/* Vertical */
+.p-carousel-vertical .p-carousel-container {
+	flex-direction: column;
+}
+
+.p-carousel-vertical .p-carousel-items-container {
+	flex-direction: column;
+	height: 100%;
 }
 
-.p-chart {
-    position: relative
+/* Keyboard Support */
+.p-items-hidden .p-carousel-item {
+	visibility: hidden;
+}
+
+.p-items-hidden .p-carousel-item.p-carousel-item-active {
+	visibility: visible;
 }
+
 .p-cascadeselect {
     display: inline-flex;
     cursor: pointer;
@@ -745,6 +812,9 @@
     top: 0;
 }
 
+.p-chart {
+    position: relative
+}
 .p-checkbox {
     display: inline-flex;
     cursor: pointer;
@@ -759,6 +829,28 @@
     align-items: center;
 }
 
+.p-chip {
+    display: inline-flex;
+    align-items: center;
+}
+
+.p-chip-text {
+    line-height: 1.5;
+}
+
+.p-chip-icon.pi {
+    line-height: 1.5;
+}
+
+.p-chip .p-chip-remove-icon {
+    line-height: 1.5;
+    cursor: pointer;
+}
+
+.p-chip img {
+    border-radius: 50%;
+}
+
 .p-chips {
     display: inline-flex;
 }
@@ -1019,19 +1111,6 @@
     margin: 0;
     padding: 0;
 }
-.p-dataview-loading {
-    position: relative;
-    min-height: 4rem;
-}
-
-.p-dataview .p-dataview-loading-overlay {
-    position: absolute;
-    z-index: 1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
 .p-datatable {
     position: relative;
 }
@@ -1375,76 +1454,19 @@
     justify-content: center;
 }
 
-.p-carousel {
-	display: flex;
-	flex-direction: column;
-}
-
-.p-carousel-content {
-	display: flex;
-	flex-direction: column;
-	overflow: auto;
-}
-
-.p-carousel-prev,
-.p-carousel-next {
-	align-self: center;
-	flex-grow: 0;
-    flex-shrink: 0;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    overflow: hidden;
+.p-dataview-loading {
     position: relative;
+    min-height: 4rem;
 }
 
-.p-carousel-container {
-	display: flex;
-	flex-direction: row;
-}
-
-.p-carousel-items-content {
-	overflow: hidden;
-    width: 100%;
-}
-
-.p-carousel-items-container {
-	display: flex;
-	flex-direction: row;
-}
-
-.p-carousel-indicators {
-	display: flex;
-	flex-direction: row;
-	justify-content: center;
-	flex-wrap: wrap;
-}
-
-.p-carousel-indicator > button {
+.p-dataview .p-dataview-loading-overlay {
+    position: absolute;
+    z-index: 1;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
-/* Vertical */
-.p-carousel-vertical .p-carousel-container {
-	flex-direction: column;
-}
-
-.p-carousel-vertical .p-carousel-items-container {
-	flex-direction: column;
-	height: 100%;
-}
-
-/* Keyboard Support */
-.p-items-hidden .p-carousel-item {
-	visibility: hidden;
-}
-
-.p-items-hidden .p-carousel-item.p-carousel-item-active {
-	visibility: visible;
-}
-
 .p-dialog-mask {
     position: fixed;
     top: 0;
@@ -1674,112 +1696,209 @@
     cursor: move;
 }
 
-.p-chip {
-    display: inline-flex;
+.p-divider-horizontal {
+    display: flex;
+    width: 100%;
+    position: relative;
     align-items: center;
 }
 
-.p-chip-text {
-    line-height: 1.5;
+.p-divider-horizontal:before {
+    position: absolute;
+    display: block;
+    top: 50%;
+    left: 0;
+    width: 100%;
+    content: "";
 }
 
-.p-chip-icon.pi {
-    line-height: 1.5;
+.p-divider-horizontal.p-divider-left {
+    justify-content: flex-start;
 }
 
-.p-chip .p-chip-remove-icon {
-    line-height: 1.5;
-    cursor: pointer;
+.p-divider-horizontal.p-divider-right {
+    justify-content: flex-end;
 }
 
-.p-chip img {
-    border-radius: 50%;
+.p-divider-horizontal.p-divider-center {
+    justify-content: center;
 }
 
-.p-divider-horizontal {
+.p-divider-content {
+    z-index: 1;
+}
+
+.p-divider-vertical {
+    min-height: 100%;
+    margin: 0 1rem;
     display: flex;
-    width: 100%;
     position: relative;
+    justify-content: center;
+}
+
+.p-divider-vertical:before {
+    position: absolute;
+    display: block;
+    top: 0;
+    left: 50%;
+    height: 100%;
+    content: "";
+}
+
+.p-divider-vertical.p-divider-top {
+    align-items: flex-start;
+}
+
+.p-divider-vertical.p-divider-center {
+    align-items: center;
+}
+
+.p-divider-vertical.p-divider-bottom {
+    align-items: flex-end;
+}
+
+.p-divider-solid.p-divider-horizontal:before {
+    border-top-style: solid;
+}
+
+.p-divider-solid.p-divider-vertical:before {
+    border-left-style: solid;
+}
+
+.p-divider-dashed.p-divider-horizontal:before {
+    border-top-style: dashed;
+}
+
+.p-divider-dashed.p-divider-vertical:before {
+    border-left-style: dashed;
+}
+
+.p-divider-dotted.p-divider-horizontal:before {
+    border-top-style: dotted;
+}
+
+.p-divider-dotted.p-divider-horizontal:before {
+    border-left-style: dotted;
+}
+.p-dock {
+    position: absolute;
+    z-index: 1;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    pointer-events: none;
+}
+
+.p-dock-container {
+    display: flex;
+    pointer-events: auto;
+}
+
+.p-dock-list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    display: flex;
     align-items: center;
+    justify-content: center;
+    pointer-events: auto;
+}
+
+.p-dock-magnification .p-dock-item {
+    transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);
+    will-change: transform;
+}
+
+.p-dock-action {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    overflow: hidden;
+    cursor: default;
+}
+
+.p-dock-magnification .p-dock-item-second-prev,
+.p-dock-magnification .p-dock-item-second-next {
+    transform: scale(1.2);
+}
+
+.p-dock-magnification .p-dock-item-prev,
+.p-dock-magnification .p-dock-item-next {
+    transform: scale(1.4);
+}
+
+.p-dock-magnification .p-dock-item-current {
+    transform: scale(1.6);
+    z-index: 1;
 }
 
-.p-divider-horizontal:before {
-    position: absolute;
-    display: block;
-    top: 50%;
+/* Position */
+/* top */
+.p-dock-top {
     left: 0;
+    top: 0;
     width: 100%;
-    content: "";
 }
 
-.p-divider-horizontal.p-divider-left {
-    justify-content: flex-start;
+.p-dock-top.p-dock-magnification .p-dock-item {
+    transform-origin: center top;
 }
 
-.p-divider-horizontal.p-divider-right {
-    justify-content: flex-end;
+.p-dock-top .p-dock-container {
+    flex-direction: column-reverse;
 }
 
-.p-divider-horizontal.p-divider-center {
-    justify-content: center;
+/* bottom */
+.p-dock-bottom {
+    left: 0;
+    bottom: 0;
+    width: 100%;
 }
 
-.p-divider-content {
-    z-index: 1;
+.p-dock-bottom.p-dock-magnification .p-dock-item {
+    transform-origin: center bottom;
 }
 
-.p-divider-vertical {
-    min-height: 100%;
-    margin: 0 1rem;
-    display: flex;
-    position: relative;
-    justify-content: center;
+.p-dock-bottom .p-dock-container {
+    flex-direction: column;
 }
 
-.p-divider-vertical:before {
-    position: absolute;
-    display: block;
+/* right */
+.p-dock-right {
+    right: 0;
     top: 0;
-    left: 50%;
     height: 100%;
-    content: "";
-}
-
-.p-divider-vertical.p-divider-top {
-    align-items: flex-start;
 }
 
-.p-divider-vertical.p-divider-center {
-    align-items: center;
-}
-
-.p-divider-vertical.p-divider-bottom {
-    align-items: flex-end;
+.p-dock-right.p-dock-magnification .p-dock-item {
+    transform-origin: center right;
 }
 
-.p-divider-solid.p-divider-horizontal:before {
-    border-top-style: solid;
+.p-dock-right .p-dock-list {
+    flex-direction: column;
 }
 
-.p-divider-solid.p-divider-vertical:before {
-    border-left-style: solid;
+/* left */
+.p-dock-left {
+    left: 0;
+    top: 0;
+    height: 100%;
 }
 
-.p-divider-dashed.p-divider-horizontal:before {
-    border-top-style: dashed;
+.p-dock-left.p-dock-magnification .p-dock-item {
+    transform-origin: center left;
 }
 
-.p-divider-dashed.p-divider-vertical:before {
-    border-left-style: dashed;
+.p-dock-left .p-dock-list {
+    flex-direction: column;
 }
 
-.p-divider-dotted.p-divider-horizontal:before {
-    border-top-style: dotted;
+.p-dock-left .p-dock-container {
+    flex-direction: row-reverse;
 }
 
-.p-divider-dotted.p-divider-horizontal:before {
-    border-left-style: dotted;
-}
 .p-dropdown {
     display: inline-flex;
     cursor: pointer;
@@ -3180,147 +3299,6 @@ input.p-dropdown-label  {
     visibility: visible;
 }
 
-.p-dock {
-    position: absolute;
-    z-index: 1;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    pointer-events: none;
-}
-
-.p-dock-container {
-    display: flex;
-    pointer-events: auto;
-}
-
-.p-dock-list {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    pointer-events: auto;
-}
-
-.p-dock-magnification .p-dock-item {
-    transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);
-    will-change: transform;
-}
-
-.p-dock-action {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    position: relative;
-    overflow: hidden;
-    cursor: default;
-}
-
-.p-dock-magnification .p-dock-item-second-prev,
-.p-dock-magnification .p-dock-item-second-next {
-    transform: scale(1.2);
-}
-
-.p-dock-magnification .p-dock-item-prev,
-.p-dock-magnification .p-dock-item-next {
-    transform: scale(1.4);
-}
-
-.p-dock-magnification .p-dock-item-current {
-    transform: scale(1.6);
-    z-index: 1;
-}
-
-/* Position */
-/* top */
-.p-dock-top {
-    left: 0;
-    top: 0;
-    width: 100%;
-}
-
-.p-dock-top.p-dock-magnification .p-dock-item {
-    transform-origin: center top;
-}
-
-.p-dock-top .p-dock-container {
-    flex-direction: column-reverse;
-}
-
-/* bottom */
-.p-dock-bottom {
-    left: 0;
-    bottom: 0;
-    width: 100%;
-}
-
-.p-dock-bottom.p-dock-magnification .p-dock-item {
-    transform-origin: center bottom;
-}
-
-.p-dock-bottom .p-dock-container {
-    flex-direction: column;
-}
-
-/* right */
-.p-dock-right {
-    right: 0;
-    top: 0;
-    height: 100%;
-}
-
-.p-dock-right.p-dock-magnification .p-dock-item {
-    transform-origin: center right;
-}
-
-.p-dock-right .p-dock-list {
-    flex-direction: column;
-}
-
-/* left */
-.p-dock-left {
-    left: 0;
-    top: 0;
-    height: 100%;
-}
-
-.p-dock-left.p-dock-magnification .p-dock-item {
-    transform-origin: center left;
-}
-
-.p-dock-left .p-dock-list {
-    flex-direction: column;
-}
-
-.p-dock-left .p-dock-container {
-    flex-direction: row-reverse;
-}
-
-.p-inplace .p-inplace-display {
-    display: inline;
-    cursor: pointer;
-}
-
-.p-inplace .p-inplace-content {
-    display: inline;
-}
-
-.p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
-    display: flex;
-}
-
-.p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
-    flex: 1 1 auto;
-    width: 1%;
-}
-
-.p-inplace-content-close {
-    margin-left: .25rem;
-}
-
 .p-image-mask {
     display: flex;
     align-items: center;
@@ -3403,6 +3381,28 @@ input.p-dropdown-label  {
     transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);
 }
 
+.p-inplace .p-inplace-display {
+    display: inline;
+    cursor: pointer;
+}
+
+.p-inplace .p-inplace-content {
+    display: inline;
+}
+
+.p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
+    display: flex;
+}
+
+.p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
+    flex: 1 1 auto;
+    width: 1%;
+}
+
+.p-inplace-content-close {
+    margin-left: .25rem;
+}
+
 .p-inputnumber {
     display: inline-flex;
 }
@@ -3496,12 +3496,33 @@ input.p-dropdown-label  {
     width: 100%;
 }
 
-.p-fluid .p-inputnumber .p-inputnumber-input {
-    width: 1%;
+.p-fluid .p-inputnumber .p-inputnumber-input {
+    width: 1%;
+}
+
+.p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
+    width: 100%;
+}
+
+.p-inputswitch {
+    position: relative;
+    display: inline-block;
+}
+
+.p-inputswitch-slider {
+    position: absolute;
+    cursor: pointer;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    border: 1px solid transparent;
 }
 
-.p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
-    width: 100%;
+.p-inputswitch-slider:before {
+    position: absolute;
+    content: "";
+    top: 50%;
 }
 
 .p-inputtext {
@@ -3609,27 +3630,6 @@ input.p-dropdown-label  {
     width: 100%;
 }
 
-.p-inputswitch {
-    position: relative;
-    display: inline-block;
-}
-
-.p-inputswitch-slider {
-    position: absolute;
-    cursor: pointer;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    border: 1px solid transparent;
-}
-
-.p-inputswitch-slider:before {
-    position: absolute;
-    content: "";
-    top: 50%;
-}
-
 .p-inputtextarea-resizable {
     overflow: hidden;
     resize: none;
@@ -3657,6 +3657,36 @@ input.p-dropdown-label  {
     font-size: 1.3rem;
     text-align: center;
 }
+.p-listbox-list-wrapper {
+    overflow: auto;
+}
+
+.p-listbox-list {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+}
+
+.p-listbox-item {
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+}
+
+.p-listbox-filter-container {
+    position: relative;
+}
+
+.p-listbox-filter-icon {
+    position: absolute;
+    top: 50%;
+    margin-top: -.5rem;
+}
+
+.p-listbox-filter {
+    width: 100%;
+}
+
 .p-megamenu {
     display: flex;
 }
@@ -3770,36 +3800,6 @@ input.p-dropdown-label  {
     width: 100%;
 }
 
-.p-listbox-list-wrapper {
-    overflow: auto;
-}
-
-.p-listbox-list {
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
-}
-
-.p-listbox-item {
-    cursor: pointer;
-    position: relative;
-    overflow: hidden;
-}
-
-.p-listbox-filter-container {
-    position: relative;
-}
-
-.p-listbox-filter-icon {
-    position: absolute;
-    top: 50%;
-    margin-top: -.5rem;
-}
-
-.p-listbox-filter {
-    width: 100%;
-}
-
 .p-mention {
     display: inline-flex;
     position: relative;
@@ -3839,6 +3839,29 @@ input.p-dropdown-label  {
     display: flex;
 }
 
+.p-menu-overlay {
+    position: absolute;
+}
+
+.p-menu ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+.p-menu .p-menuitem-link {
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    text-decoration: none;
+    overflow: hidden;
+    position: relative;
+}
+
+.p-menu .p-menuitem-text {
+    line-height: 1;
+}
+
 .p-menubar {
     display: flex;
     align-items: center;
@@ -3911,43 +3934,63 @@ input.p-dropdown-label  {
     text-decoration: none;
 }
 
-.p-menu-overlay {
-    position: absolute;
+.p-inline-message {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    vertical-align: top;
 }
 
-.p-menu ul {
-    margin: 0;
-    padding: 0;
-    list-style: none;
+.p-inline-message-icon-only .p-inline-message-text {
+    visibility: hidden;
+    width: 0;
 }
 
-.p-menu .p-menuitem-link {
-    cursor: pointer;
+.p-fluid .p-inline-message {
+    display: flex;
+}
+
+.p-message-wrapper {
     display: flex;
     align-items: center;
-    text-decoration: none;
+}
+
+.p-message-close {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.p-message-close.p-link {
+    margin-left: auto;
     overflow: hidden;
     position: relative;
 }
 
-.p-menu .p-menuitem-text {
-    line-height: 1;
+.p-message-enter {
+    opacity: 0;
 }
 
-.p-inline-message {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    vertical-align: top;
+.p-message-enter-active {
+    opacity: 1;
+    transition: opacity .3s;
 }
 
-.p-inline-message-icon-only .p-inline-message-text {
-    visibility: hidden;
-    width: 0;
+.p-message-exit {
+    opacity: 1;
+    max-height: 1000px;
 }
 
-.p-fluid .p-inline-message {
-    display: flex;
+.p-message-exit-active {
+    opacity: 0;
+    max-height: 0;
+    margin: 0;
+    overflow: hidden;
+    transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s, margin .3s;
+}
+
+.p-message-exit-active .p-message-close {
+    display: none;
 }
 
 .p-multiselect {
@@ -4065,49 +4108,6 @@ input.p-dropdown-label  {
     display: flex;
 }
 
-.p-message-wrapper {
-    display: flex;
-    align-items: center;
-}
-
-.p-message-close {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.p-message-close.p-link {
-    margin-left: auto;
-    overflow: hidden;
-    position: relative;
-}
-
-.p-message-enter {
-    opacity: 0;
-}
-
-.p-message-enter-active {
-    opacity: 1;
-    transition: opacity .3s;
-}
-
-.p-message-exit {
-    opacity: 1;
-    max-height: 1000px;
-}
-
-.p-message-exit-active {
-    opacity: 0;
-    max-height: 0;
-    margin: 0;
-    overflow: hidden;
-    transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s, margin .3s;
-}
-
-.p-message-exit-active .p-message-close {
-    display: none;
-}
-
 .p-orderlist {
     display: flex;
 }
@@ -4272,53 +4272,22 @@ input.p-dropdown-label  {
 	margin-left: -8px;
 }
 
-.p-overlaypanel:before {
-	border-width: 10px;
-	margin-left: -10px;
-}
-
-.p-overlaypanel-flipped:after, .p-overlaypanel-flipped:before {
-    bottom: auto;
-    top: 100%;
-}
-
-.p-overlaypanel.p-overlaypanel-flipped:after {
-    border-bottom-color: transparent;
-}
-
-.p-overlaypanel.p-overlaypanel-flipped:before {
-    border-bottom-color: transparent
-}
-
-.p-panelmenu .p-panelmenu-header-link {
-    display: flex;
-    align-items: center;
-    user-select: none;
-    cursor: pointer;
-    position: relative;
-    text-decoration: none;
-}
-
-.p-panelmenu .p-panelmenu-header-link:focus {
-    z-index: 1;
+.p-overlaypanel:before {
+	border-width: 10px;
+	margin-left: -10px;
 }
 
-.p-panelmenu .p-submenu-list {
-    margin: 0;
-    padding: 0;
-    list-style: none;
+.p-overlaypanel-flipped:after, .p-overlaypanel-flipped:before {
+    bottom: auto;
+    top: 100%;
 }
 
-.p-panelmenu .p-menuitem-link {
-    display: flex;
-    align-items: center;
-    user-select: none;
-    cursor: pointer;
-    text-decoration: none;
+.p-overlaypanel.p-overlaypanel-flipped:after {
+    border-bottom-color: transparent;
 }
 
-.p-panelmenu .p-menuitem-text {
-    line-height: 1;
+.p-overlaypanel.p-overlaypanel-flipped:before {
+    border-bottom-color: transparent
 }
 
 .p-paginator {
@@ -4377,6 +4346,37 @@ input.p-dropdown-label  {
     position: relative;
 }
 
+.p-panelmenu .p-panelmenu-header-link {
+    display: flex;
+    align-items: center;
+    user-select: none;
+    cursor: pointer;
+    position: relative;
+    text-decoration: none;
+}
+
+.p-panelmenu .p-panelmenu-header-link:focus {
+    z-index: 1;
+}
+
+.p-panelmenu .p-submenu-list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+.p-panelmenu .p-menuitem-link {
+    display: flex;
+    align-items: center;
+    user-select: none;
+    cursor: pointer;
+    text-decoration: none;
+}
+
+.p-panelmenu .p-menuitem-text {
+    line-height: 1;
+}
+
 .p-password {
     position: relative;
     display: inline-flex;
@@ -4460,18 +4460,18 @@ input.p-dropdown-label  {
     position: absolute;
     display: none;
     border: 0 none;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
 }
 
-.p-progressbar-determinate .p-progressbar-value-animate {
-    transition: width 1s ease-in-out;
+.p-progressbar-determinate .p-progressbar-label {
+    display: inline-flex;
 }
 
-.p-progressbar-determinate .p-progressbar-label {
-    text-align: center;
-    height: 100%;
-    width: 100%;
-    position: absolute;
-    font-weight: bold;
+.p-progressbar-determinate .p-progressbar-value-animate {
+    transition: width 1s ease-in-out;
 }
 
 .p-progressbar-indeterminate .p-progressbar-value::before {
@@ -4546,47 +4546,6 @@ input.p-dropdown-label  {
     right: -8%; }
 }
 
-.p-rating {
-    display: flex;
-    align-items: center;
-}
-
-.p-rating-item {
-    display: inline-flex;
-    align-items: center;
-    cursor: pointer;
-}
-
-.p-rating.p-readonly .p-rating-item {
-    cursor: default;
-}
-
-.p-radiobutton {
-    display: inline-flex;
-    cursor: pointer;
-    user-select: none;
-    vertical-align: bottom;
-}
-
-.p-radiobutton-box {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.p-radiobutton-icon {
-    -webkit-backface-visibility: hidden;
-    backface-visibility: hidden;
-    transform: translateZ(0) scale(.1);
-    border-radius: 50%;
-    visibility: hidden;
-}
-
-.p-radiobutton-box.p-highlight .p-radiobutton-icon {
-    transform: translateZ(0) scale(1.0, 1.0);
-    visibility: visible;
-}
-
 .p-progress-spinner {
     position: relative;
     margin: 0 auto;
@@ -4660,6 +4619,47 @@ input.p-dropdown-label  {
     }
 }
 
+.p-radiobutton {
+    display: inline-flex;
+    cursor: pointer;
+    user-select: none;
+    vertical-align: bottom;
+}
+
+.p-radiobutton-box {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.p-radiobutton-icon {
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+    transform: translateZ(0) scale(.1);
+    border-radius: 50%;
+    visibility: hidden;
+}
+
+.p-radiobutton-box.p-highlight .p-radiobutton-icon {
+    transform: translateZ(0) scale(1.0, 1.0);
+    visibility: visible;
+}
+
+.p-rating {
+    display: flex;
+    align-items: center;
+}
+
+.p-rating-item {
+    display: inline-flex;
+    align-items: center;
+    cursor: pointer;
+}
+
+.p-rating.p-readonly .p-rating-item {
+    cursor: default;
+}
+
 .p-ripple {
     overflow: hidden;
     position: relative;
@@ -5030,51 +5030,6 @@ input.p-dropdown-label  {
         transform: translateX(100%);
     }
 }
-.p-slider {
-	position: relative;
-}
-
-.p-slider .p-slider-handle {
-	position: absolute;
-	cursor: grab;
-    touch-action: none;
-    display: block;
-    z-index: 1;
-}
-
-.p-slider .p-slider-handle.p-slider-handle-active {
-    z-index: 2;
-}
-
-.p-slider-range {
-	position: absolute;
-    display: block;
-}
-
-.p-slider-horizontal .p-slider-range {
-    top: 0;
-    left: 0;
-	height: 100%;
-}
-
-.p-slider-horizontal .p-slider-handle {
-    top: 50%;
-}
-
-.p-slider-vertical {
-	height: 100px;
-}
-
-.p-slider-vertical .p-slider-handle {
-    left: 50%;
-}
-
-.p-slider-vertical .p-slider-range {
-    bottom: 0;
-    left: 0;
-    width: 100%;
-}
-
 .p-slidemenu {
     width: 12.5em;
 }
@@ -5164,6 +5119,51 @@ input.p-dropdown-label  {
     display: block;
 }
 
+.p-slider {
+	position: relative;
+}
+
+.p-slider .p-slider-handle {
+	position: absolute;
+	cursor: grab;
+    touch-action: none;
+    display: block;
+    z-index: 1;
+}
+
+.p-slider .p-slider-handle.p-slider-handle-active {
+    z-index: 2;
+}
+
+.p-slider-range {
+	position: absolute;
+    display: block;
+}
+
+.p-slider-horizontal .p-slider-range {
+    top: 0;
+    left: 0;
+	height: 100%;
+}
+
+.p-slider-horizontal .p-slider-handle {
+    top: 50%;
+}
+
+.p-slider-vertical {
+	height: 100px;
+}
+
+.p-slider-vertical .p-slider-handle {
+    left: 50%;
+}
+
+.p-slider-vertical .p-slider-range {
+    bottom: 0;
+    left: 0;
+    width: 100%;
+}
+
 .p-speeddial {
     position: absolute;
     display: flex;
@@ -5262,17 +5262,49 @@ input.p-dropdown-label  {
     flex-direction: row-reverse;
 }
 
-.p-speeddial-direction-left .p-speeddial-list {
-    flex-direction: row-reverse;
+.p-speeddial-direction-left .p-speeddial-list {
+    flex-direction: row-reverse;
+}
+
+.p-speeddial-direction-right {
+    justify-content: center;
+    flex-direction: row;
+}
+
+.p-speeddial-direction-right .p-speeddial-list {
+    flex-direction: row;
+}
+
+.p-splitbutton {
+    display: inline-flex;
+    position: relative;
+}
+
+.p-splitbutton .p-splitbutton-defaultbutton,
+.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
+.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {
+    flex: 1 1 auto;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+    border-right: 0 none;
 }
 
-.p-speeddial-direction-right {
+.p-splitbutton-menubutton,
+.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
+.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
+    display: flex;
+    align-items: center;
     justify-content: center;
-    flex-direction: row;
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
 }
 
-.p-speeddial-direction-right .p-speeddial-list {
-    flex-direction: row;
+.p-splitbutton .p-menu {
+    min-width: 100%;
+}
+
+.p-fluid .p-splitbutton  {
+    display: flex;
 }
 
 .p-splitter {
@@ -5382,38 +5414,6 @@ input.p-dropdown-label  {
     display: block;
 }
 
-.p-splitbutton {
-    display: inline-flex;
-    position: relative;
-}
-
-.p-splitbutton .p-splitbutton-defaultbutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {
-    flex: 1 1 auto;
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-    border-right: 0 none;
-}
-
-.p-splitbutton-menubutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-}
-
-.p-splitbutton .p-menu {
-    min-width: 100%;
-}
-
-.p-fluid .p-splitbutton  {
-    display: flex;
-}
-
 .p-tabmenu {
     overflow-x: auto;
 }
@@ -5615,104 +5615,6 @@ input.p-dropdown-label  {
     left: -100%;
 }
 
-.p-toast {
-    position: fixed;
-    width: 25rem;
-}
-
-.p-toast-message-content {
-    display: flex;
-    align-items: flex-start;
-}
-
-.p-toast-message-text {
-    flex: 1 1 auto;
-}
-
-.p-toast-detail {
-    overflow-wrap: anywhere;
-}
-
-.p-toast-top-right {
-	top: 20px;
-	right: 20px;
-}
-
-.p-toast-top-left {
-	top: 20px;
-	left: 20px;
-}
-
-.p-toast-bottom-left {
-	bottom: 20px;
-	left: 20px;
-}
-
-.p-toast-bottom-right {
-	bottom: 20px;
-	right: 20px;
-}
-
-.p-toast-top-center {
-	top: 20px;
-    left: 50%;
-    transform: translateX(-50%);
-}
-
-.p-toast-bottom-center {
-	bottom: 20px;
-	left: 50%;
-    transform: translateX(-50%);
-}
-
-.p-toast-center {
-	left: 50%;
-	top: 50%;
-    min-width: 20vw;
-    transform: translate(-50%, -50%);
-}
-
-.p-toast-icon-close {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    overflow: hidden;
-    position: relative;
-}
-
-.p-toast-icon-close.p-link {
-	cursor: pointer;
-}
-
-/* Animations */
-.p-toast-message-enter {
-    opacity: 0;
-    transform: translateY(50%);
-}
-
-.p-toast-message-enter-active {
-    opacity: 1;
-    transform: translateY(0);
-    transition: transform .3s, opacity .3s;
-}
-
-.p-toast-message-enter-done {
-    transform: none;
-}
-
-.p-toast-message-exit {
-    opacity: 1;
-    max-height: 1000px;
-}
-
-.p-toast-message-exit-active {
-    opacity: 0;
-    max-height: 0;
-    margin-bottom: 0;
-    overflow: hidden;
-    transition: max-height .45s cubic-bezier(0, 1, 0, 1), opacity .3s, margin-bottom .3s;
-}
-
 .p-timeline {
     display: flex;
     flex-grow: 1;
@@ -5824,6 +5726,104 @@ input.p-dropdown-label  {
     flex-direction: column-reverse;
 }
 
+.p-toast {
+    position: fixed;
+    width: 25rem;
+}
+
+.p-toast-message-content {
+    display: flex;
+    align-items: flex-start;
+}
+
+.p-toast-message-text {
+    flex: 1 1 auto;
+}
+
+.p-toast-detail {
+    overflow-wrap: anywhere;
+}
+
+.p-toast-top-right {
+	top: 20px;
+	right: 20px;
+}
+
+.p-toast-top-left {
+	top: 20px;
+	left: 20px;
+}
+
+.p-toast-bottom-left {
+	bottom: 20px;
+	left: 20px;
+}
+
+.p-toast-bottom-right {
+	bottom: 20px;
+	right: 20px;
+}
+
+.p-toast-top-center {
+	top: 20px;
+    left: 50%;
+    transform: translateX(-50%);
+}
+
+.p-toast-bottom-center {
+	bottom: 20px;
+	left: 50%;
+    transform: translateX(-50%);
+}
+
+.p-toast-center {
+	left: 50%;
+	top: 50%;
+    min-width: 20vw;
+    transform: translate(-50%, -50%);
+}
+
+.p-toast-icon-close {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+    position: relative;
+}
+
+.p-toast-icon-close.p-link {
+	cursor: pointer;
+}
+
+/* Animations */
+.p-toast-message-enter {
+    opacity: 0;
+    transform: translateY(50%);
+}
+
+.p-toast-message-enter-active {
+    opacity: 1;
+    transform: translateY(0);
+    transition: transform .3s, opacity .3s;
+}
+
+.p-toast-message-enter-done {
+    transform: none;
+}
+
+.p-toast-message-exit {
+    opacity: 1;
+    max-height: 1000px;
+}
+
+.p-toast-message-exit-active {
+    opacity: 0;
+    max-height: 0;
+    margin-bottom: 0;
+    overflow: hidden;
+    transition: max-height .45s cubic-bezier(0, 1, 0, 1), opacity .3s, margin-bottom .3s;
+}
+
 .p-toolbar {
     display: flex;
     align-items: center;