Accessiiblity enhancements for data action icons and theme update

pull/358/head
cagataycivici 2020-06-30 12:37:46 +03:00
parent c7beb006b3
commit 365933ec6d
43 changed files with 5369 additions and 3453 deletions

View File

@ -158,20 +158,26 @@
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next { .p-datepicker .p-datepicker-header .p-datepicker-next {
width: 2.5rem; width: 2rem;
height: 2.5rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover, .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover { .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
} }
.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 1px #BBDEFB;
}
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 1;
} }
@ -238,17 +244,24 @@
padding: 0.5rem; padding: 0.5rem;
} }
.p-datepicker .p-timepicker button { .p-datepicker .p-timepicker button {
width: 2.5rem; width: 2rem;
height: 2.5rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-timepicker button:hover { .p-datepicker .p-timepicker button:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
} }
.p-datepicker .p-timepicker button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #BBDEFB;
}
.p-datepicker .p-timepicker button:last-child { .p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em; margin-top: 0.2em;
} }
@ -287,10 +300,6 @@
padding-right: 0; padding-right: 0;
border-right: 0 none; border-right: 0 none;
} }
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: rgba(255, 255, 255, 0.87);
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
} }
@ -904,13 +913,17 @@
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #BBDEFB;
}
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0.5rem 0; padding: 0.5rem 0;
} }
@ -1612,20 +1625,26 @@
.p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
background: transparent;
border: 0 none;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
width: 2rem; width: 2rem;
height: 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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin: 0.5rem; margin: 0 0.5rem;
} }
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover, .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover { .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
background: rgba(255, 255, 255, 0.03);
border-color: transparent;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.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 1px #BBDEFB;
} }
.p-carousel .p-carousel-indicators { .p-carousel .p-carousel-indicators {
padding: 1rem; padding: 1rem;
@ -1734,23 +1753,41 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler { .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: rgba(255, 255, 255, 0.6); 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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover { .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: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.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 1px #BBDEFB;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
margin-right: 0.5rem;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: #64B5F6; background: #64B5F6;
color: #212529; color: #212529;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: #212529;
}
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: #212529;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 #64B5F6; box-shadow: inset 0 2px 0 0 #64B5F6;
} }
@ -2064,20 +2101,15 @@
padding: 1rem; padding: 1rem;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler { .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
bottom: -0.7em; background: inherit;
margin-left: -0.46em; color: inherit;
color: rgba(255, 255, 255, 0.6); border-radius: 50%;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 1px #BBDEFB; box-shadow: 0 0 0 1px #BBDEFB;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
.p-paginator { .p-paginator {
background: #1e1e1e; background: #1e1e1e;
@ -2244,11 +2276,23 @@
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem; margin-right: 0.5rem;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); 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; 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:hover { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.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 1px #BBDEFB;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2381,12 +2425,24 @@
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
margin-right: 0.5rem; border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #BBDEFB;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2581,7 +2637,7 @@
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
transition: box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem; padding: 1rem;
@ -2618,12 +2674,12 @@
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
background: transparent;
border: 0 none; border: 0 none;
background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-panel .p-panel-header .p-panel-header-icon:hover { .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
@ -2740,7 +2796,7 @@
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:hover { .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
@ -2788,19 +2844,17 @@
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #64B5F6; background: #64B5F6;
border: 0 none;
color: #212529; color: #212529;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 50%;
position: absolute; position: absolute;
top: -1rem; top: -1rem;
right: -1rem; right: -1rem;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-overlaypanel .p-overlaypanel-close:hover { .p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: #2196F3; background: #42A5F5;
border-color: transparent;
color: #212529; color: #212529;
} }
.p-overlaypanel:after { .p-overlaypanel:after {
@ -2828,18 +2882,23 @@
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
} }
.p-sidebar .p-sidebar-close { .p-sidebar .p-sidebar-close {
background: transparent;
border: 0 none;
color: rgba(255, 255, 255, 0.6);
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: rgba(255, 255, 255, 0.6);
border: 0 none;
background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-sidebar .p-sidebar-close:hover { .p-sidebar .p-sidebar-close:enabled:hover {
background: rgba(255, 255, 255, 0.03);
border-color: transparent;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.p-sidebar .p-sidebar-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #BBDEFB;
} }
.p-sidebar-mask.p-component-overlay { .p-sidebar-mask.p-component-overlay {
@ -3318,21 +3377,15 @@
} }
.p-menubar .p-menubar-button { .p-menubar .p-menubar-button {
display: flex; display: flex;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
background: transparent;
border: 0 none;
width: 2.5rem;
height: 2.5rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i {
font-size: 1.5rem;
}
.p-menubar .p-menubar-button:hover { .p-menubar .p-menubar-button:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
border-color: transparent;
} }
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
@ -3767,6 +3820,21 @@
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
} }
.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 1px #BBDEFB;
}
.p-message.p-message-info { .p-message.p-message-info {
background: #B3E5FC; background: #B3E5FC;
border: solid #03A9F4; border: solid #03A9F4;
@ -3777,7 +3845,6 @@
color: #01579B; color: #01579B;
} }
.p-message.p-message-info .p-message-close { .p-message.p-message-info .p-message-close {
background: #B3E5FC;
color: #01579B; color: #01579B;
} }
.p-message.p-message-success { .p-message.p-message-success {
@ -3790,7 +3857,6 @@
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-success .p-message-close { .p-message.p-message-success .p-message-close {
background: #C8E6C9;
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-warn { .p-message.p-message-warn {
@ -3803,7 +3869,6 @@
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-warn .p-message-close { .p-message.p-message-warn .p-message-close {
background: #FFECB3;
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-error { .p-message.p-message-error {
@ -3816,23 +3881,8 @@
color: #B71C1C; color: #B71C1C;
} }
.p-message.p-message-error .p-message-close { .p-message.p-message-error .p-message-close {
background: #FFCDD2;
color: #B71C1C; color: #B71C1C;
} }
.p-message .p-message-close {
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: rgba(255, 255, 255, 0.5);
}
.p-message .p-message-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #BBDEFB;
}
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: 500;
@ -3867,13 +3917,19 @@
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
} }
.p-toast .p-toast-item-container .p-toast-icon-close { .p-toast .p-toast-item-container .p-toast-icon-close {
border-radius: 50%;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-toast .p-toast-item-container .p-toast-icon-close:hover { .p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #BBDEFB;
} }
.p-toast .p-toast-item-container.p-toast-message-info { .p-toast .p-toast-item-container.p-toast-message-info {
background: #B3E5FC; background: #B3E5FC;

View File

@ -158,20 +158,26 @@
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next { .p-datepicker .p-datepicker-header .p-datepicker-next {
width: 2.5rem; width: 2rem;
height: 2.5rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover, .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover { .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
} }
.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 1px #C8E6C9;
}
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 1;
} }
@ -238,17 +244,24 @@
padding: 0.5rem; padding: 0.5rem;
} }
.p-datepicker .p-timepicker button { .p-datepicker .p-timepicker button {
width: 2.5rem; width: 2rem;
height: 2.5rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-timepicker button:hover { .p-datepicker .p-timepicker button:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
} }
.p-datepicker .p-timepicker button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #C8E6C9;
}
.p-datepicker .p-timepicker button:last-child { .p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em; margin-top: 0.2em;
} }
@ -287,10 +300,6 @@
padding-right: 0; padding-right: 0;
border-right: 0 none; border-right: 0 none;
} }
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: rgba(255, 255, 255, 0.87);
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
} }
@ -904,13 +913,17 @@
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #C8E6C9;
}
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0.5rem 0; padding: 0.5rem 0;
} }
@ -1612,20 +1625,26 @@
.p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
background: transparent;
border: 0 none;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
width: 2rem; width: 2rem;
height: 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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin: 0.5rem; margin: 0 0.5rem;
} }
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover, .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover { .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
background: rgba(255, 255, 255, 0.03);
border-color: transparent;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.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 1px #C8E6C9;
} }
.p-carousel .p-carousel-indicators { .p-carousel .p-carousel-indicators {
padding: 1rem; padding: 1rem;
@ -1734,23 +1753,41 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler { .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: rgba(255, 255, 255, 0.6); 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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover { .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: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.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 1px #C8E6C9;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
margin-right: 0.5rem;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: #81C784; background: #81C784;
color: #212529; color: #212529;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: #212529;
}
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: #212529;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 #81C784; box-shadow: inset 0 2px 0 0 #81C784;
} }
@ -2064,20 +2101,15 @@
padding: 1rem; padding: 1rem;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler { .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
bottom: -0.7em; background: inherit;
margin-left: -0.46em; color: inherit;
color: rgba(255, 255, 255, 0.6); border-radius: 50%;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 1px #C8E6C9; box-shadow: 0 0 0 1px #C8E6C9;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
.p-paginator { .p-paginator {
background: #1e1e1e; background: #1e1e1e;
@ -2244,11 +2276,23 @@
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem; margin-right: 0.5rem;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); 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; 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:hover { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.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 1px #C8E6C9;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2381,12 +2425,24 @@
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
margin-right: 0.5rem; border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #C8E6C9;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2581,7 +2637,7 @@
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
transition: box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem; padding: 1rem;
@ -2618,12 +2674,12 @@
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
background: transparent;
border: 0 none; border: 0 none;
background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-panel .p-panel-header .p-panel-header-icon:hover { .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
@ -2740,7 +2796,7 @@
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:hover { .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
@ -2788,19 +2844,17 @@
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #81C784; background: #81C784;
border: 0 none;
color: #212529; color: #212529;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 50%;
position: absolute; position: absolute;
top: -1rem; top: -1rem;
right: -1rem; right: -1rem;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-overlaypanel .p-overlaypanel-close:hover { .p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: #4CAF50; background: #66BB6A;
border-color: transparent;
color: #212529; color: #212529;
} }
.p-overlaypanel:after { .p-overlaypanel:after {
@ -2828,18 +2882,23 @@
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
} }
.p-sidebar .p-sidebar-close { .p-sidebar .p-sidebar-close {
background: transparent;
border: 0 none;
color: rgba(255, 255, 255, 0.6);
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: rgba(255, 255, 255, 0.6);
border: 0 none;
background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-sidebar .p-sidebar-close:hover { .p-sidebar .p-sidebar-close:enabled:hover {
background: rgba(255, 255, 255, 0.03);
border-color: transparent;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.p-sidebar .p-sidebar-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #C8E6C9;
} }
.p-sidebar-mask.p-component-overlay { .p-sidebar-mask.p-component-overlay {
@ -3318,21 +3377,15 @@
} }
.p-menubar .p-menubar-button { .p-menubar .p-menubar-button {
display: flex; display: flex;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
background: transparent;
border: 0 none;
width: 2.5rem;
height: 2.5rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i {
font-size: 1.5rem;
}
.p-menubar .p-menubar-button:hover { .p-menubar .p-menubar-button:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
border-color: transparent;
} }
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
@ -3767,6 +3820,21 @@
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
} }
.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 1px #C8E6C9;
}
.p-message.p-message-info { .p-message.p-message-info {
background: #B3E5FC; background: #B3E5FC;
border: solid #03A9F4; border: solid #03A9F4;
@ -3777,7 +3845,6 @@
color: #01579B; color: #01579B;
} }
.p-message.p-message-info .p-message-close { .p-message.p-message-info .p-message-close {
background: #B3E5FC;
color: #01579B; color: #01579B;
} }
.p-message.p-message-success { .p-message.p-message-success {
@ -3790,7 +3857,6 @@
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-success .p-message-close { .p-message.p-message-success .p-message-close {
background: #C8E6C9;
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-warn { .p-message.p-message-warn {
@ -3803,7 +3869,6 @@
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-warn .p-message-close { .p-message.p-message-warn .p-message-close {
background: #FFECB3;
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-error { .p-message.p-message-error {
@ -3816,23 +3881,8 @@
color: #B71C1C; color: #B71C1C;
} }
.p-message.p-message-error .p-message-close { .p-message.p-message-error .p-message-close {
background: #FFCDD2;
color: #B71C1C; color: #B71C1C;
} }
.p-message .p-message-close {
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: rgba(255, 255, 255, 0.5);
}
.p-message .p-message-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #C8E6C9;
}
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: 500;
@ -3867,13 +3917,19 @@
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
} }
.p-toast .p-toast-item-container .p-toast-icon-close { .p-toast .p-toast-item-container .p-toast-icon-close {
border-radius: 50%;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-toast .p-toast-item-container .p-toast-icon-close:hover { .p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #C8E6C9;
} }
.p-toast .p-toast-item-container.p-toast-message-info { .p-toast .p-toast-item-container.p-toast-message-info {
background: #B3E5FC; background: #B3E5FC;

View File

@ -158,20 +158,26 @@
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next { .p-datepicker .p-datepicker-header .p-datepicker-next {
width: 2.5rem; width: 2rem;
height: 2.5rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover, .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover { .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
} }
.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 1px #FFECB3;
}
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 1;
} }
@ -238,17 +244,24 @@
padding: 0.5rem; padding: 0.5rem;
} }
.p-datepicker .p-timepicker button { .p-datepicker .p-timepicker button {
width: 2.5rem; width: 2rem;
height: 2.5rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-timepicker button:hover { .p-datepicker .p-timepicker button:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
} }
.p-datepicker .p-timepicker button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #FFECB3;
}
.p-datepicker .p-timepicker button:last-child { .p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em; margin-top: 0.2em;
} }
@ -287,10 +300,6 @@
padding-right: 0; padding-right: 0;
border-right: 0 none; border-right: 0 none;
} }
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: rgba(255, 255, 255, 0.87);
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
} }
@ -904,13 +913,17 @@
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #FFECB3;
}
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0.5rem 0; padding: 0.5rem 0;
} }
@ -1612,20 +1625,26 @@
.p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
background: transparent;
border: 0 none;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
width: 2rem; width: 2rem;
height: 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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin: 0.5rem; margin: 0 0.5rem;
} }
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover, .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover { .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
background: rgba(255, 255, 255, 0.03);
border-color: transparent;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.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 1px #FFECB3;
} }
.p-carousel .p-carousel-indicators { .p-carousel .p-carousel-indicators {
padding: 1rem; padding: 1rem;
@ -1734,23 +1753,41 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler { .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: rgba(255, 255, 255, 0.6); 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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover { .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: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.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 1px #FFECB3;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
margin-right: 0.5rem;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: #FFD54F; background: #FFD54F;
color: #212529; color: #212529;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: #212529;
}
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: #212529;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 #FFD54F; box-shadow: inset 0 2px 0 0 #FFD54F;
} }
@ -2064,20 +2101,15 @@
padding: 1rem; padding: 1rem;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler { .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
bottom: -0.7em; background: inherit;
margin-left: -0.46em; color: inherit;
color: rgba(255, 255, 255, 0.6); border-radius: 50%;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 1px #FFECB3; box-shadow: 0 0 0 1px #FFECB3;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
.p-paginator { .p-paginator {
background: #1e1e1e; background: #1e1e1e;
@ -2244,11 +2276,23 @@
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem; margin-right: 0.5rem;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); 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; 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:hover { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.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 1px #FFECB3;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2381,12 +2425,24 @@
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
margin-right: 0.5rem; border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #FFECB3;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2581,7 +2637,7 @@
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
transition: box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem; padding: 1rem;
@ -2618,12 +2674,12 @@
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
background: transparent;
border: 0 none; border: 0 none;
background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-panel .p-panel-header .p-panel-header-icon:hover { .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
@ -2740,7 +2796,7 @@
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:hover { .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
@ -2788,19 +2844,17 @@
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #FFD54F; background: #FFD54F;
border: 0 none;
color: #212529; color: #212529;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 50%;
position: absolute; position: absolute;
top: -1rem; top: -1rem;
right: -1rem; right: -1rem;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-overlaypanel .p-overlaypanel-close:hover { .p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: #FFC107; background: #FFCA28;
border-color: transparent;
color: #212529; color: #212529;
} }
.p-overlaypanel:after { .p-overlaypanel:after {
@ -2828,18 +2882,23 @@
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
} }
.p-sidebar .p-sidebar-close { .p-sidebar .p-sidebar-close {
background: transparent;
border: 0 none;
color: rgba(255, 255, 255, 0.6);
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: rgba(255, 255, 255, 0.6);
border: 0 none;
background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-sidebar .p-sidebar-close:hover { .p-sidebar .p-sidebar-close:enabled:hover {
background: rgba(255, 255, 255, 0.03);
border-color: transparent;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.p-sidebar .p-sidebar-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #FFECB3;
} }
.p-sidebar-mask.p-component-overlay { .p-sidebar-mask.p-component-overlay {
@ -3318,21 +3377,15 @@
} }
.p-menubar .p-menubar-button { .p-menubar .p-menubar-button {
display: flex; display: flex;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
background: transparent;
border: 0 none;
width: 2.5rem;
height: 2.5rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i {
font-size: 1.5rem;
}
.p-menubar .p-menubar-button:hover { .p-menubar .p-menubar-button:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
border-color: transparent;
} }
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
@ -3767,6 +3820,21 @@
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
} }
.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 1px #FFECB3;
}
.p-message.p-message-info { .p-message.p-message-info {
background: #B3E5FC; background: #B3E5FC;
border: solid #03A9F4; border: solid #03A9F4;
@ -3777,7 +3845,6 @@
color: #01579B; color: #01579B;
} }
.p-message.p-message-info .p-message-close { .p-message.p-message-info .p-message-close {
background: #B3E5FC;
color: #01579B; color: #01579B;
} }
.p-message.p-message-success { .p-message.p-message-success {
@ -3790,7 +3857,6 @@
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-success .p-message-close { .p-message.p-message-success .p-message-close {
background: #C8E6C9;
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-warn { .p-message.p-message-warn {
@ -3803,7 +3869,6 @@
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-warn .p-message-close { .p-message.p-message-warn .p-message-close {
background: #FFECB3;
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-error { .p-message.p-message-error {
@ -3816,23 +3881,8 @@
color: #B71C1C; color: #B71C1C;
} }
.p-message.p-message-error .p-message-close { .p-message.p-message-error .p-message-close {
background: #FFCDD2;
color: #B71C1C; color: #B71C1C;
} }
.p-message .p-message-close {
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: rgba(255, 255, 255, 0.5);
}
.p-message .p-message-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #FFECB3;
}
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: 500;
@ -3867,13 +3917,19 @@
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
} }
.p-toast .p-toast-item-container .p-toast-icon-close { .p-toast .p-toast-item-container .p-toast-icon-close {
border-radius: 50%;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-toast .p-toast-item-container .p-toast-icon-close:hover { .p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #FFECB3;
} }
.p-toast .p-toast-item-container.p-toast-message-info { .p-toast .p-toast-item-container.p-toast-message-info {
background: #B3E5FC; background: #B3E5FC;

View File

@ -158,20 +158,26 @@
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next { .p-datepicker .p-datepicker-header .p-datepicker-next {
width: 2.5rem; width: 2rem;
height: 2.5rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover, .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover { .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
} }
.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 1px #E1BEE7;
}
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 1;
} }
@ -238,17 +244,24 @@
padding: 0.5rem; padding: 0.5rem;
} }
.p-datepicker .p-timepicker button { .p-datepicker .p-timepicker button {
width: 2.5rem; width: 2rem;
height: 2.5rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-timepicker button:hover { .p-datepicker .p-timepicker button:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
} }
.p-datepicker .p-timepicker button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #E1BEE7;
}
.p-datepicker .p-timepicker button:last-child { .p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em; margin-top: 0.2em;
} }
@ -287,10 +300,6 @@
padding-right: 0; padding-right: 0;
border-right: 0 none; border-right: 0 none;
} }
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: rgba(255, 255, 255, 0.87);
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
} }
@ -904,13 +913,17 @@
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #E1BEE7;
}
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0.5rem 0; padding: 0.5rem 0;
} }
@ -1612,20 +1625,26 @@
.p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
background: transparent;
border: 0 none;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
width: 2rem; width: 2rem;
height: 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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin: 0.5rem; margin: 0 0.5rem;
} }
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover, .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover { .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
background: rgba(255, 255, 255, 0.03);
border-color: transparent;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.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 1px #E1BEE7;
} }
.p-carousel .p-carousel-indicators { .p-carousel .p-carousel-indicators {
padding: 1rem; padding: 1rem;
@ -1734,23 +1753,41 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler { .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: rgba(255, 255, 255, 0.6); 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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover { .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: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.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 1px #E1BEE7;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
margin-right: 0.5rem;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: #BA68C8; background: #BA68C8;
color: #ffffff; color: #ffffff;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 #BA68C8; box-shadow: inset 0 2px 0 0 #BA68C8;
} }
@ -2064,20 +2101,15 @@
padding: 1rem; padding: 1rem;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler { .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
bottom: -0.7em; background: inherit;
margin-left: -0.46em; color: inherit;
color: rgba(255, 255, 255, 0.6); border-radius: 50%;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 1px #E1BEE7; box-shadow: 0 0 0 1px #E1BEE7;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
.p-paginator { .p-paginator {
background: #1e1e1e; background: #1e1e1e;
@ -2244,11 +2276,23 @@
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem; margin-right: 0.5rem;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); 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; 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:hover { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.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 1px #E1BEE7;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2381,12 +2425,24 @@
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
margin-right: 0.5rem; border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #E1BEE7;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2581,7 +2637,7 @@
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
transition: box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem; padding: 1rem;
@ -2618,12 +2674,12 @@
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
background: transparent;
border: 0 none; border: 0 none;
background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-panel .p-panel-header .p-panel-header-icon:hover { .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
@ -2740,7 +2796,7 @@
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:hover { .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
@ -2788,19 +2844,17 @@
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #BA68C8; background: #BA68C8;
border: 0 none;
color: #ffffff; color: #ffffff;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 50%;
position: absolute; position: absolute;
top: -1rem; top: -1rem;
right: -1rem; right: -1rem;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-overlaypanel .p-overlaypanel-close:hover { .p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: #9C27B0; background: #AB47BC;
border-color: transparent;
color: #ffffff; color: #ffffff;
} }
.p-overlaypanel:after { .p-overlaypanel:after {
@ -2828,18 +2882,23 @@
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
} }
.p-sidebar .p-sidebar-close { .p-sidebar .p-sidebar-close {
background: transparent;
border: 0 none;
color: rgba(255, 255, 255, 0.6);
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: rgba(255, 255, 255, 0.6);
border: 0 none;
background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-sidebar .p-sidebar-close:hover { .p-sidebar .p-sidebar-close:enabled:hover {
background: rgba(255, 255, 255, 0.03);
border-color: transparent;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.p-sidebar .p-sidebar-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #E1BEE7;
} }
.p-sidebar-mask.p-component-overlay { .p-sidebar-mask.p-component-overlay {
@ -3318,21 +3377,15 @@
} }
.p-menubar .p-menubar-button { .p-menubar .p-menubar-button {
display: flex; display: flex;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
background: transparent;
border: 0 none;
width: 2.5rem;
height: 2.5rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i {
font-size: 1.5rem;
}
.p-menubar .p-menubar-button:hover { .p-menubar .p-menubar-button:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
border-color: transparent;
} }
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
@ -3767,6 +3820,21 @@
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
} }
.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 1px #E1BEE7;
}
.p-message.p-message-info { .p-message.p-message-info {
background: #B3E5FC; background: #B3E5FC;
border: solid #03A9F4; border: solid #03A9F4;
@ -3777,7 +3845,6 @@
color: #01579B; color: #01579B;
} }
.p-message.p-message-info .p-message-close { .p-message.p-message-info .p-message-close {
background: #B3E5FC;
color: #01579B; color: #01579B;
} }
.p-message.p-message-success { .p-message.p-message-success {
@ -3790,7 +3857,6 @@
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-success .p-message-close { .p-message.p-message-success .p-message-close {
background: #C8E6C9;
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-warn { .p-message.p-message-warn {
@ -3803,7 +3869,6 @@
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-warn .p-message-close { .p-message.p-message-warn .p-message-close {
background: #FFECB3;
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-error { .p-message.p-message-error {
@ -3816,23 +3881,8 @@
color: #B71C1C; color: #B71C1C;
} }
.p-message.p-message-error .p-message-close { .p-message.p-message-error .p-message-close {
background: #FFCDD2;
color: #B71C1C; color: #B71C1C;
} }
.p-message .p-message-close {
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: rgba(255, 255, 255, 0.5);
}
.p-message .p-message-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #E1BEE7;
}
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: 500;
@ -3867,13 +3917,19 @@
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
} }
.p-toast .p-toast-item-container .p-toast-icon-close { .p-toast .p-toast-item-container .p-toast-icon-close {
border-radius: 50%;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-toast .p-toast-item-container .p-toast-icon-close:hover { .p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #E1BEE7;
} }
.p-toast .p-toast-item-container.p-toast-message-info { .p-toast .p-toast-item-container.p-toast-message-info {
background: #B3E5FC; background: #B3E5FC;

View File

@ -158,20 +158,26 @@
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next { .p-datepicker .p-datepicker-header .p-datepicker-next {
width: 2.5rem; width: 2rem;
height: 2.5rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 4px; border-radius: 50%;
transition: color 0.15s, box-shadow 0.15s; transition: color 0.15s, box-shadow 0.15s;
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover, .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover { .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: 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 1px #e3f3fe;
}
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 1;
} }
@ -238,17 +244,24 @@
padding: 0.5rem; padding: 0.5rem;
} }
.p-datepicker .p-timepicker button { .p-datepicker .p-timepicker button {
width: 2.5rem; width: 2rem;
height: 2.5rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none;
background: transparent; background: transparent;
border-radius: 4px; border-radius: 50%;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; transition: color 0.15s, box-shadow 0.15s;
} }
.p-datepicker .p-timepicker button:hover { .p-datepicker .p-timepicker button:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: transparent; background: transparent;
} }
.p-datepicker .p-timepicker button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #e3f3fe;
}
.p-datepicker .p-timepicker button:last-child { .p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em; margin-top: 0.2em;
} }
@ -287,10 +300,6 @@
padding-right: 0; padding-right: 0;
border-right: 0 none; border-right: 0 none;
} }
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: rgba(255, 255, 255, 0.87);
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
} }
@ -902,15 +911,19 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 4px; border-radius: 50%;
transition: color 0.15s, box-shadow 0.15s; transition: color 0.15s, box-shadow 0.15s;
margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: transparent; background: transparent;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #e3f3fe;
}
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0.5rem 0; padding: 0.5rem 0;
} }
@ -1612,20 +1625,26 @@
.p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
background: transparent;
border: 0 none;
color: rgba(255, 255, 255, 0.6);
border-radius: 4px;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
transition: color 0.15s, box-shadow 0.15s; color: rgba(255, 255, 255, 0.6);
margin: 0.5rem; border: 0 none;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
background: transparent; background: transparent;
border-color: transparent; border-radius: 50%;
transition: color 0.15s, box-shadow 0.15s;
margin: 0 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
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 1px #e3f3fe;
} }
.p-carousel .p-carousel-indicators { .p-carousel .p-carousel-indicators {
padding: 1rem; padding: 1rem;
@ -1734,23 +1753,41 @@
border-width: 1px 0 0 0; border-width: 1px 0 0 0;
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler { .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: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none;
background: transparent;
border-radius: 50%;
transition: color 0.15s, box-shadow 0.15s; transition: color 0.15s, box-shadow 0.15s;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover { .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: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
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 1px #e3f3fe;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
margin-right: 0.5rem;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: #8dd0ff; background: #8dd0ff;
color: #151515; color: #151515;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: #151515;
}
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: #151515;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 #8dd0ff; box-shadow: inset 0 2px 0 0 #8dd0ff;
} }
@ -2064,20 +2101,15 @@
padding: 1.25rem; padding: 1.25rem;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler { .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
bottom: -0.7em; background: inherit;
margin-left: -0.46em; color: inherit;
color: rgba(255, 255, 255, 0.6); border-radius: 50%;
border-radius: 4px;
transition: color 0.15s, box-shadow 0.15s;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 1px #e3f3fe; box-shadow: 0 0 0 1px #e3f3fe;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
.p-paginator { .p-paginator {
background: #2a323d; background: #2a323d;
@ -2244,11 +2276,23 @@
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem; margin-right: 0.5rem;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none;
background: transparent;
border-radius: 50%;
transition: color 0.15s, box-shadow 0.15s; transition: color 0.15s, box-shadow 0.15s;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:hover { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
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 1px #e3f3fe;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2381,12 +2425,24 @@
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
margin-right: 0.5rem; border: 0 none;
background: transparent;
border-radius: 50%;
transition: color 0.15s, box-shadow 0.15s; transition: color 0.15s, box-shadow 0.15s;
margin-right: 0.5rem;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
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 1px #e3f3fe;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2581,7 +2637,7 @@
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
transition: box-shadow 0.15s; transition: color 0.15s, box-shadow 0.15s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem 1.25rem; padding: 1rem 1.25rem;
@ -2618,12 +2674,12 @@
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
background: transparent;
border: 0 none; border: 0 none;
border-radius: 4px; background: transparent;
border-radius: 50%;
transition: color 0.15s, box-shadow 0.15s; transition: color 0.15s, box-shadow 0.15s;
} }
.p-panel .p-panel-header .p-panel-header-icon:hover { .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: transparent; background: transparent;
@ -2736,11 +2792,11 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 4px; border-radius: 50%;
transition: color 0.15s, box-shadow 0.15s; transition: color 0.15s, box-shadow 0.15s;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:hover { .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: transparent; background: transparent;
@ -2787,21 +2843,19 @@
padding: 1rem; padding: 1rem;
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #2a323d; background: #8dd0ff;
border: 1px solid #3f4b5b; color: #151515;
color: rgba(255, 255, 255, 0.6);
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
transition: color 0.15s, box-shadow 0.15s;
border-radius: 50%;
position: absolute; position: absolute;
top: -1rem; top: -1rem;
right: -1rem; right: -1rem;
border-radius: 50%;
transition: color 0.15s, box-shadow 0.15s;
} }
.p-overlaypanel .p-overlaypanel-close:hover { .p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: #2a323d; background: #56bdff;
border-color: 1px solid #3f4b5b; color: #151515;
color: rgba(255, 255, 255, 0.87);
} }
.p-overlaypanel:after { .p-overlaypanel:after {
border: solid transparent; border: solid transparent;
@ -2828,18 +2882,23 @@
box-shadow: none; box-shadow: none;
} }
.p-sidebar .p-sidebar-close { .p-sidebar .p-sidebar-close {
background: transparent;
border: 0 none;
color: rgba(255, 255, 255, 0.6);
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
border-radius: 4px; color: rgba(255, 255, 255, 0.6);
border: 0 none;
background: transparent;
border-radius: 50%;
transition: color 0.15s, box-shadow 0.15s; transition: color 0.15s, box-shadow 0.15s;
} }
.p-sidebar .p-sidebar-close:hover { .p-sidebar .p-sidebar-close:enabled:hover {
background: transparent;
border-color: transparent;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: transparent;
}
.p-sidebar .p-sidebar-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #e3f3fe;
} }
.p-sidebar-mask.p-component-overlay { .p-sidebar-mask.p-component-overlay {
@ -3318,21 +3377,15 @@
} }
.p-menubar .p-menubar-button { .p-menubar .p-menubar-button {
display: flex; display: flex;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
background: transparent; border-radius: 50%;
border: 1px solid #3f4b5b;
width: 2.5rem;
height: 2.5rem;
border-radius: 4px;
transition: color 0.15s, box-shadow 0.15s; transition: color 0.15s, box-shadow 0.15s;
} }
.p-menubar .p-menubar-button i {
font-size: 1.25rem;
}
.p-menubar .p-menubar-button:hover { .p-menubar .p-menubar-button:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: transparent; background: transparent;
border-color: rgba(255, 255, 255, 0.6);
} }
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
@ -3767,6 +3820,21 @@
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.25rem; padding: 1rem 1.25rem;
} }
.p-message .p-message-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: color 0.15s, box-shadow 0.15s;
}
.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 1px #e3f3fe;
}
.p-message.p-message-info { .p-message.p-message-info {
background: #cce5ff; background: #cce5ff;
border: solid #b8daff; border: solid #b8daff;
@ -3777,7 +3845,6 @@
color: #004085; color: #004085;
} }
.p-message.p-message-info .p-message-close { .p-message.p-message-info .p-message-close {
background: #cce5ff;
color: #004085; color: #004085;
} }
.p-message.p-message-success { .p-message.p-message-success {
@ -3790,7 +3857,6 @@
color: #155724; color: #155724;
} }
.p-message.p-message-success .p-message-close { .p-message.p-message-success .p-message-close {
background: #d4edda;
color: #155724; color: #155724;
} }
.p-message.p-message-warn { .p-message.p-message-warn {
@ -3803,7 +3869,6 @@
color: #856404; color: #856404;
} }
.p-message.p-message-warn .p-message-close { .p-message.p-message-warn .p-message-close {
background: #fff3cd;
color: #856404; color: #856404;
} }
.p-message.p-message-error { .p-message.p-message-error {
@ -3816,23 +3881,8 @@
color: #721c24; color: #721c24;
} }
.p-message.p-message-error .p-message-close { .p-message.p-message-error .p-message-close {
background: #f8d7da;
color: #721c24; color: #721c24;
} }
.p-message .p-message-close {
border-radius: 4px;
width: 2rem;
height: 2rem;
transition: color 0.15s, box-shadow 0.15s;
}
.p-message .p-message-close:hover {
background: rgba(255, 255, 255, 0.2);
}
.p-message .p-message-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #e3f3fe;
}
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: 500;
@ -3867,13 +3917,19 @@
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
} }
.p-toast .p-toast-item-container .p-toast-icon-close { .p-toast .p-toast-item-container .p-toast-icon-close {
border-radius: 4px;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
border-radius: 50%;
background: transparent;
transition: color 0.15s, box-shadow 0.15s; transition: color 0.15s, box-shadow 0.15s;
} }
.p-toast .p-toast-item-container .p-toast-icon-close:hover { .p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #e3f3fe;
} }
.p-toast .p-toast-item-container.p-toast-message-info { .p-toast .p-toast-item-container.p-toast-message-info {
background: #cce5ff; background: #cce5ff;

View File

@ -158,20 +158,26 @@
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next { .p-datepicker .p-datepicker-header .p-datepicker-next {
width: 2.5rem; width: 2rem;
height: 2.5rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 4px; border-radius: 50%;
transition: color 0.15s, box-shadow 0.15s; transition: color 0.15s, box-shadow 0.15s;
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover, .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover { .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: 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 1px #f0e6f5;
}
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 1;
} }
@ -238,17 +244,24 @@
padding: 0.5rem; padding: 0.5rem;
} }
.p-datepicker .p-timepicker button { .p-datepicker .p-timepicker button {
width: 2.5rem; width: 2rem;
height: 2.5rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none;
background: transparent; background: transparent;
border-radius: 4px; border-radius: 50%;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; transition: color 0.15s, box-shadow 0.15s;
} }
.p-datepicker .p-timepicker button:hover { .p-datepicker .p-timepicker button:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: transparent; background: transparent;
} }
.p-datepicker .p-timepicker button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #f0e6f5;
}
.p-datepicker .p-timepicker button:last-child { .p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em; margin-top: 0.2em;
} }
@ -287,10 +300,6 @@
padding-right: 0; padding-right: 0;
border-right: 0 none; border-right: 0 none;
} }
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: rgba(255, 255, 255, 0.87);
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
} }
@ -902,15 +911,19 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 4px; border-radius: 50%;
transition: color 0.15s, box-shadow 0.15s; transition: color 0.15s, box-shadow 0.15s;
margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: transparent; background: transparent;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #f0e6f5;
}
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0.5rem 0; padding: 0.5rem 0;
} }
@ -1612,20 +1625,26 @@
.p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
background: transparent;
border: 0 none;
color: rgba(255, 255, 255, 0.6);
border-radius: 4px;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
transition: color 0.15s, box-shadow 0.15s; color: rgba(255, 255, 255, 0.6);
margin: 0.5rem; border: 0 none;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
background: transparent; background: transparent;
border-color: transparent; border-radius: 50%;
transition: color 0.15s, box-shadow 0.15s;
margin: 0 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
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 1px #f0e6f5;
} }
.p-carousel .p-carousel-indicators { .p-carousel .p-carousel-indicators {
padding: 1rem; padding: 1rem;
@ -1734,23 +1753,41 @@
border-width: 1px 0 0 0; border-width: 1px 0 0 0;
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler { .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: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none;
background: transparent;
border-radius: 50%;
transition: color 0.15s, box-shadow 0.15s; transition: color 0.15s, box-shadow 0.15s;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover { .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: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
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 1px #f0e6f5;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
margin-right: 0.5rem;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: #c298d8; background: #c298d8;
color: #151515; color: #151515;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: #151515;
}
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: #151515;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 #c298d8; box-shadow: inset 0 2px 0 0 #c298d8;
} }
@ -2064,20 +2101,15 @@
padding: 1.25rem; padding: 1.25rem;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler { .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
bottom: -0.7em; background: inherit;
margin-left: -0.46em; color: inherit;
color: rgba(255, 255, 255, 0.6); border-radius: 50%;
border-radius: 4px;
transition: color 0.15s, box-shadow 0.15s;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 1px #f0e6f5; box-shadow: 0 0 0 1px #f0e6f5;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
.p-paginator { .p-paginator {
background: #2a323d; background: #2a323d;
@ -2244,11 +2276,23 @@
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem; margin-right: 0.5rem;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none;
background: transparent;
border-radius: 50%;
transition: color 0.15s, box-shadow 0.15s; transition: color 0.15s, box-shadow 0.15s;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:hover { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
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 1px #f0e6f5;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2381,12 +2425,24 @@
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
margin-right: 0.5rem; border: 0 none;
background: transparent;
border-radius: 50%;
transition: color 0.15s, box-shadow 0.15s; transition: color 0.15s, box-shadow 0.15s;
margin-right: 0.5rem;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
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 1px #f0e6f5;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2581,7 +2637,7 @@
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
transition: box-shadow 0.15s; transition: color 0.15s, box-shadow 0.15s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem 1.25rem; padding: 1rem 1.25rem;
@ -2618,12 +2674,12 @@
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
background: transparent;
border: 0 none; border: 0 none;
border-radius: 4px; background: transparent;
border-radius: 50%;
transition: color 0.15s, box-shadow 0.15s; transition: color 0.15s, box-shadow 0.15s;
} }
.p-panel .p-panel-header .p-panel-header-icon:hover { .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: transparent; background: transparent;
@ -2736,11 +2792,11 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 4px; border-radius: 50%;
transition: color 0.15s, box-shadow 0.15s; transition: color 0.15s, box-shadow 0.15s;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:hover { .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: transparent; background: transparent;
@ -2787,21 +2843,19 @@
padding: 1rem; padding: 1rem;
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #2a323d; background: #c298d8;
border: 1px solid #3f4b5b; color: #151515;
color: rgba(255, 255, 255, 0.6);
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
transition: color 0.15s, box-shadow 0.15s;
border-radius: 50%;
position: absolute; position: absolute;
top: -1rem; top: -1rem;
right: -1rem; right: -1rem;
border-radius: 50%;
transition: color 0.15s, box-shadow 0.15s;
} }
.p-overlaypanel .p-overlaypanel-close:hover { .p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: #2a323d; background: #aa70c7;
border-color: 1px solid #3f4b5b; color: #151515;
color: rgba(255, 255, 255, 0.87);
} }
.p-overlaypanel:after { .p-overlaypanel:after {
border: solid transparent; border: solid transparent;
@ -2828,18 +2882,23 @@
box-shadow: none; box-shadow: none;
} }
.p-sidebar .p-sidebar-close { .p-sidebar .p-sidebar-close {
background: transparent;
border: 0 none;
color: rgba(255, 255, 255, 0.6);
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
border-radius: 4px; color: rgba(255, 255, 255, 0.6);
border: 0 none;
background: transparent;
border-radius: 50%;
transition: color 0.15s, box-shadow 0.15s; transition: color 0.15s, box-shadow 0.15s;
} }
.p-sidebar .p-sidebar-close:hover { .p-sidebar .p-sidebar-close:enabled:hover {
background: transparent;
border-color: transparent;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: transparent;
}
.p-sidebar .p-sidebar-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #f0e6f5;
} }
.p-sidebar-mask.p-component-overlay { .p-sidebar-mask.p-component-overlay {
@ -3318,21 +3377,15 @@
} }
.p-menubar .p-menubar-button { .p-menubar .p-menubar-button {
display: flex; display: flex;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
background: transparent; border-radius: 50%;
border: 1px solid #3f4b5b;
width: 2.5rem;
height: 2.5rem;
border-radius: 4px;
transition: color 0.15s, box-shadow 0.15s; transition: color 0.15s, box-shadow 0.15s;
} }
.p-menubar .p-menubar-button i {
font-size: 1.25rem;
}
.p-menubar .p-menubar-button:hover { .p-menubar .p-menubar-button:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: transparent; background: transparent;
border-color: rgba(255, 255, 255, 0.6);
} }
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
@ -3767,6 +3820,21 @@
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.25rem; padding: 1rem 1.25rem;
} }
.p-message .p-message-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: color 0.15s, box-shadow 0.15s;
}
.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 1px #f0e6f5;
}
.p-message.p-message-info { .p-message.p-message-info {
background: #cce5ff; background: #cce5ff;
border: solid #b8daff; border: solid #b8daff;
@ -3777,7 +3845,6 @@
color: #004085; color: #004085;
} }
.p-message.p-message-info .p-message-close { .p-message.p-message-info .p-message-close {
background: #cce5ff;
color: #004085; color: #004085;
} }
.p-message.p-message-success { .p-message.p-message-success {
@ -3790,7 +3857,6 @@
color: #155724; color: #155724;
} }
.p-message.p-message-success .p-message-close { .p-message.p-message-success .p-message-close {
background: #d4edda;
color: #155724; color: #155724;
} }
.p-message.p-message-warn { .p-message.p-message-warn {
@ -3803,7 +3869,6 @@
color: #856404; color: #856404;
} }
.p-message.p-message-warn .p-message-close { .p-message.p-message-warn .p-message-close {
background: #fff3cd;
color: #856404; color: #856404;
} }
.p-message.p-message-error { .p-message.p-message-error {
@ -3816,23 +3881,8 @@
color: #721c24; color: #721c24;
} }
.p-message.p-message-error .p-message-close { .p-message.p-message-error .p-message-close {
background: #f8d7da;
color: #721c24; color: #721c24;
} }
.p-message .p-message-close {
border-radius: 4px;
width: 2rem;
height: 2rem;
transition: color 0.15s, box-shadow 0.15s;
}
.p-message .p-message-close:hover {
background: rgba(255, 255, 255, 0.2);
}
.p-message .p-message-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #f0e6f5;
}
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: 500;
@ -3867,13 +3917,19 @@
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
} }
.p-toast .p-toast-item-container .p-toast-icon-close { .p-toast .p-toast-item-container .p-toast-icon-close {
border-radius: 4px;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
border-radius: 50%;
background: transparent;
transition: color 0.15s, box-shadow 0.15s; transition: color 0.15s, box-shadow 0.15s;
} }
.p-toast .p-toast-item-container .p-toast-icon-close:hover { .p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #f0e6f5;
} }
.p-toast .p-toast-item-container.p-toast-message-info { .p-toast .p-toast-item-container.p-toast-message-info {
background: #cce5ff; background: #cce5ff;

View File

@ -3,7 +3,7 @@
--surface-a: #ffffff; --surface-a: #ffffff;
--surface-b: rgba(0, 0, 0, 0.03); --surface-b: rgba(0, 0, 0, 0.03);
--surface-c: #e9ecef; --surface-c: #e9ecef;
--surface-d: rgba(0, 0, 0, 0.125); --surface-d: #dee2e6;
--surface-e: #ffffff; --surface-e: #ffffff;
--surface-f: #ffffff; --surface-f: #ffffff;
--text-color: #212529; --text-color: #212529;
@ -152,26 +152,32 @@
background: #ffffff; background: #ffffff;
font-weight: 600; font-weight: 600;
margin: 0; margin: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.125); border-bottom: 1px solid #dee2e6;
border-top-right-radius: 4px; border-top-right-radius: 4px;
border-top-left-radius: 4px; border-top-left-radius: 4px;
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next { .p-datepicker .p-datepicker-header .p-datepicker-next {
width: 2.5rem; width: 2rem;
height: 2.5rem; height: 2rem;
color: #6c757d; color: #6c757d;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 4px; border-radius: 50%;
transition: color 0.15s, box-shadow 0.15s; transition: box-shadow 0.15s;
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover, .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover { .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: #212529; color: #495057;
border-color: transparent; border-color: transparent;
background: 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 rgba(38, 143, 255, 0.5);
}
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 1;
} }
@ -228,27 +234,34 @@
} }
.p-datepicker .p-datepicker-buttonbar { .p-datepicker .p-datepicker-buttonbar {
padding: 1rem 0; padding: 1rem 0;
border-top: 1px solid rgba(0, 0, 0, 0.125); border-top: 1px solid #dee2e6;
} }
.p-datepicker .p-datepicker-buttonbar .p-button { .p-datepicker .p-datepicker-buttonbar .p-button {
width: auto; width: auto;
} }
.p-datepicker .p-timepicker { .p-datepicker .p-timepicker {
border-top: 1px solid rgba(0, 0, 0, 0.125); border-top: 1px solid #dee2e6;
padding: 0.5rem; padding: 0.5rem;
} }
.p-datepicker .p-timepicker button { .p-datepicker .p-timepicker button {
width: 2.5rem; width: 2rem;
height: 2.5rem; height: 2rem;
color: #6c757d; color: #6c757d;
border: 0 none;
background: transparent; background: transparent;
border-radius: 4px; border-radius: 50%;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; transition: box-shadow 0.15s;
} }
.p-datepicker .p-timepicker button:hover { .p-datepicker .p-timepicker button:enabled:hover {
color: #212529; color: #495057;
border-color: transparent;
background: transparent; background: transparent;
} }
.p-datepicker .p-timepicker button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-datepicker .p-timepicker button:last-child { .p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em; margin-top: 0.2em;
} }
@ -274,7 +287,7 @@
background: #007bff; background: #007bff;
} }
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
border-right: 1px solid rgba(0, 0, 0, 0.125); border-right: 1px solid #dee2e6;
padding-right: 0; padding-right: 0;
padding-left: 0; padding-left: 0;
padding-top: 0; padding-top: 0;
@ -287,10 +300,6 @@
padding-right: 0; padding-right: 0;
border-right: 0 none; border-right: 0 none;
} }
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: #212529;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: #e9ecef; background: #e9ecef;
} }
@ -472,7 +481,7 @@
} }
.p-dropdown-panel .p-dropdown-header { .p-dropdown-panel .p-dropdown-header {
padding: 0.75rem 1.5rem; padding: 0.75rem 1.5rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.125); border-bottom: 1px solid #dee2e6;
color: #212529; color: #212529;
background: rgba(0, 0, 0, 0.03); background: rgba(0, 0, 0, 0.03);
margin: 0; margin: 0;
@ -527,7 +536,7 @@
border-top-left-radius: 4px; border-top-left-radius: 4px;
} }
.p-editor-container .p-editor-toolbar.ql-snow { .p-editor-container .p-editor-toolbar.ql-snow {
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
} }
.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
stroke: #6c757d; stroke: #6c757d;
@ -577,7 +586,7 @@
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
} }
.p-editor-container .p-editor-content.ql-snow { .p-editor-container .p-editor-content.ql-snow {
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
} }
.p-editor-container .p-editor-content .ql-editor { .p-editor-container .p-editor-content .ql-editor {
background: #ffffff; background: #ffffff;
@ -797,7 +806,7 @@
} }
.p-listbox .p-listbox-header { .p-listbox .p-listbox-header {
padding: 0.75rem 1.5rem; padding: 0.75rem 1.5rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.125); border-bottom: 1px solid #dee2e6;
color: #212529; color: #212529;
background: rgba(0, 0, 0, 0.03); background: rgba(0, 0, 0, 0.03);
margin: 0; margin: 0;
@ -879,7 +888,7 @@
} }
.p-multiselect-panel .p-multiselect-header { .p-multiselect-panel .p-multiselect-header {
padding: 0.75rem 1.5rem; padding: 0.75rem 1.5rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.125); border-bottom: 1px solid #dee2e6;
color: #212529; color: #212529;
background: rgba(0, 0, 0, 0.03); background: rgba(0, 0, 0, 0.03);
margin: 0; margin: 0;
@ -902,15 +911,19 @@
color: #6c757d; color: #6c757d;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 4px; border-radius: 50%;
transition: color 0.15s, box-shadow 0.15s; transition: box-shadow 0.15s;
margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: #212529; color: #495057;
border-color: transparent; border-color: transparent;
background: 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 rgba(38, 143, 255, 0.5);
}
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0.5rem 0; padding: 0.5rem 0;
} }
@ -1612,20 +1625,26 @@
.p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
background: #ffffff;
border: 0 none;
color: #6c757d;
border-radius: 4px;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
transition: color 0.15s, box-shadow 0.15s; color: #6c757d;
margin: 0.5rem; border: 0 none;
background: transparent;
border-radius: 50%;
transition: box-shadow 0.15s;
margin: 0 0.5rem;
} }
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover, .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover { .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
background: #ffffff; color: #495057;
border-color: transparent; border-color: transparent;
color: #212529; 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 rgba(38, 143, 255, 0.5);
} }
.p-carousel .p-carousel-indicators { .p-carousel .p-carousel-indicators {
padding: 1rem; padding: 1rem;
@ -1638,11 +1657,11 @@
background-color: #e9ecef; background-color: #e9ecef;
width: 2rem; width: 2rem;
height: 0.5rem; height: 0.5rem;
transition: color 0.15s, box-shadow 0.15s; transition: box-shadow 0.15s;
border-radius: 0; border-radius: 0;
} }
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
background: rgba(0, 0, 0, 0.125); background: #dee2e6;
} }
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #007bff; background: #007bff;
@ -1734,23 +1753,41 @@
border-width: 1px 0 0 0; border-width: 1px 0 0 0;
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler { .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: #6c757d; color: #6c757d;
transition: color 0.15s, box-shadow 0.15s; border: 0 none;
background: transparent;
border-radius: 50%;
transition: box-shadow 0.15s;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover { .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
color: #212529; .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: #495057;
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 rgba(38, 143, 255, 0.5);
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
margin-right: 0.5rem;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: #007bff; background: #007bff;
color: #ffffff; color: #ffffff;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 #007bff; box-shadow: inset 0 2px 0 0 #007bff;
} }
@ -1859,7 +1896,7 @@
padding: 0; padding: 0;
} }
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
border-width: 1px 0 0 0; border-width: 1px 0 0 0;
} }
.p-dataview .p-dataview-footer { .p-dataview .p-dataview-footer {
@ -1875,19 +1912,19 @@
.fc .fc-view-container th { .fc .fc-view-container th {
background: rgba(0, 0, 0, 0.03); background: rgba(0, 0, 0, 0.03);
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
color: #212529; color: #212529;
} }
.fc .fc-view-container td.fc-widget-content { .fc .fc-view-container td.fc-widget-content {
background: #ffffff; background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
color: #212529; color: #212529;
} }
.fc .fc-view-container td.fc-head-container { .fc .fc-view-container td.fc-head-container {
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
} }
.fc .fc-view-container .fc-row { .fc .fc-view-container .fc-row {
border-right: 1px solid rgba(0, 0, 0, 0.125); border-right: 1px solid #dee2e6;
} }
.fc .fc-view-container .fc-event { .fc .fc-view-container .fc-event {
background: #0069d9; background: #0069d9;
@ -1896,7 +1933,7 @@
} }
.fc .fc-view-container .fc-divider { .fc .fc-view-container .fc-divider {
background: rgba(0, 0, 0, 0.03); background: rgba(0, 0, 0, 0.03);
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
} }
.fc .fc-toolbar .fc-button { .fc .fc-toolbar .fc-button {
color: #ffffff; color: #ffffff;
@ -1982,7 +2019,7 @@
.p-orderlist .p-orderlist-caption { .p-orderlist .p-orderlist-caption {
background: rgba(0, 0, 0, 0.03); background: rgba(0, 0, 0, 0.03);
color: #212529; color: #212529;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
padding: 1rem 1.25rem; padding: 1rem 1.25rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
@ -1990,7 +2027,7 @@
border-top-left-radius: 4px; border-top-left-radius: 4px;
} }
.p-orderlist .p-orderlist-list { .p-orderlist .p-orderlist-list {
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #212529; color: #212529;
padding: 0.5rem 0; padding: 0.5rem 0;
@ -2047,42 +2084,37 @@
color: #003e80; color: #003e80;
} }
.p-organizationchart .p-organizationchart-line-down { .p-organizationchart .p-organizationchart-line-down {
background: rgba(0, 0, 0, 0.125); background: #dee2e6;
} }
.p-organizationchart .p-organizationchart-line-left { .p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid rgba(0, 0, 0, 0.125); border-right: 1px solid #dee2e6;
border-color: rgba(0, 0, 0, 0.125); border-color: #dee2e6;
} }
.p-organizationchart .p-organizationchart-line-top { .p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid rgba(0, 0, 0, 0.125); border-top: 1px solid #dee2e6;
border-color: rgba(0, 0, 0, 0.125); border-color: #dee2e6;
} }
.p-organizationchart .p-organizationchart-node-content { .p-organizationchart .p-organizationchart-node-content {
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #212529; color: #212529;
padding: 1.25rem; padding: 1.25rem;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler { .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
bottom: -0.7em; background: inherit;
margin-left: -0.46em; color: inherit;
color: #6c757d; border-radius: 50%;
border-radius: 4px;
transition: color 0.15s, box-shadow 0.15s;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: #212529;
}
.p-paginator { .p-paginator {
background: #ffffff; background: #ffffff;
color: #007bff; color: #007bff;
border: solid rgba(0, 0, 0, 0.125); border: solid #dee2e6;
border-width: 0; border-width: 0;
padding: 0.75rem; padding: 0.75rem;
border-radius: 4px; border-radius: 4px;
@ -2162,7 +2194,7 @@
.p-picklist .p-picklist-caption { .p-picklist .p-picklist-caption {
background: rgba(0, 0, 0, 0.03); background: rgba(0, 0, 0, 0.03);
color: #212529; color: #212529;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
padding: 1rem 1.25rem; padding: 1rem 1.25rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
@ -2170,7 +2202,7 @@
border-top-left-radius: 4px; border-top-left-radius: 4px;
} }
.p-picklist .p-picklist-list { .p-picklist .p-picklist-list {
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #212529; color: #212529;
padding: 0.5rem 0; padding: 0.5rem 0;
@ -2228,7 +2260,7 @@
} }
} }
.p-tree { .p-tree {
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #212529; color: #212529;
padding: 1.25rem; padding: 1.25rem;
@ -2244,11 +2276,23 @@
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem; margin-right: 0.5rem;
width: 2rem;
height: 2rem;
color: #6c757d; color: #6c757d;
transition: color 0.15s, box-shadow 0.15s; border: 0 none;
background: transparent;
border-radius: 50%;
transition: box-shadow 0.15s;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:hover { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: #212529; color: #495057;
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 rgba(38, 143, 255, 0.5);
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2381,12 +2425,24 @@
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
width: 2rem;
height: 2rem;
color: #6c757d; color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: box-shadow 0.15s;
margin-right: 0.5rem; margin-right: 0.5rem;
transition: color 0.15s, box-shadow 0.15s;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: #212529; color: #495057;
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 rgba(38, 143, 255, 0.5);
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2475,7 +2531,7 @@
.p-accordion .p-accordion-header .p-accordion-header-link { .p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem 1.25rem; padding: 1rem 1.25rem;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
color: #212529; color: #212529;
background: rgba(0, 0, 0, 0.03); background: rgba(0, 0, 0, 0.03);
font-weight: 600; font-weight: 600;
@ -2492,24 +2548,24 @@
} }
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #e9ecef; background: #e9ecef;
border-color: rgba(0, 0, 0, 0.125); border-color: #dee2e6;
color: #212529; color: #212529;
} }
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: rgba(0, 0, 0, 0.03); background: rgba(0, 0, 0, 0.03);
border-color: rgba(0, 0, 0, 0.125); border-color: #dee2e6;
color: #212529; color: #212529;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
} }
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: rgba(0, 0, 0, 0.125); border-color: #dee2e6;
background: #e9ecef; background: #e9ecef;
color: #212529; color: #212529;
} }
.p-accordion .p-accordion-content { .p-accordion .p-accordion-content {
padding: 1.25rem; padding: 1.25rem;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #212529; color: #212529;
border-top: 0; border-top: 0;
@ -2566,14 +2622,14 @@
} }
.p-fieldset { .p-fieldset {
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #212529; color: #212529;
border-radius: 4px; border-radius: 4px;
} }
.p-fieldset .p-fieldset-legend { .p-fieldset .p-fieldset-legend {
padding: 1rem 1.25rem; padding: 1rem 1.25rem;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
color: #212529; color: #212529;
background: rgba(0, 0, 0, 0.03); background: rgba(0, 0, 0, 0.03);
font-weight: 600; font-weight: 600;
@ -2599,12 +2655,12 @@
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: #e9ecef; background: #e9ecef;
border-color: rgba(0, 0, 0, 0.125); border-color: #dee2e6;
color: #212529; color: #212529;
} }
.p-panel .p-panel-header { .p-panel .p-panel-header {
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
padding: 1rem 1.25rem; padding: 1rem 1.25rem;
background: rgba(0, 0, 0, 0.03); background: rgba(0, 0, 0, 0.03);
color: #212529; color: #212529;
@ -2618,13 +2674,13 @@
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #6c757d; color: #6c757d;
background: transparent;
border: 0 none; border: 0 none;
border-radius: 4px; background: transparent;
transition: color 0.15s, box-shadow 0.15s; border-radius: 50%;
transition: box-shadow 0.15s;
} }
.p-panel .p-panel-header .p-panel-header-icon:hover { .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: #212529; color: #495057;
border-color: transparent; border-color: transparent;
background: transparent; background: transparent;
} }
@ -2638,7 +2694,7 @@
} }
.p-panel .p-panel-content { .p-panel .p-panel-content {
padding: 1.25rem; padding: 1.25rem;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #212529; color: #212529;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
@ -2647,7 +2703,7 @@
} }
.p-panel .p-panel-footer { .p-panel .p-panel-footer {
padding: 0.5rem 1.25rem; padding: 0.5rem 1.25rem;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #212529; color: #212529;
border-top: 0 none; border-top: 0 none;
@ -2705,7 +2761,7 @@
.p-toolbar { .p-toolbar {
background: rgba(0, 0, 0, 0.03); background: rgba(0, 0, 0, 0.03);
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
padding: 1rem 1.25rem; padding: 1rem 1.25rem;
border-radius: 4px; border-radius: 4px;
} }
@ -2736,12 +2792,12 @@
color: #6c757d; color: #6c757d;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 4px; border-radius: 50%;
transition: color 0.15s, box-shadow 0.15s; transition: box-shadow 0.15s;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:hover { .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: #212529; color: #495057;
border-color: transparent; border-color: transparent;
background: transparent; background: transparent;
} }
@ -2787,21 +2843,19 @@
padding: 1rem; padding: 1rem;
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #ffffff; background: #007bff;
border: 1px solid rgba(0, 0, 0, 0.2); color: #ffffff;
color: #6c757d;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
transition: box-shadow 0.15s;
border-radius: 50%;
position: absolute; position: absolute;
top: -1rem; top: -1rem;
right: -1rem; right: -1rem;
border-radius: 50%;
transition: color 0.15s, box-shadow 0.15s;
} }
.p-overlaypanel .p-overlaypanel-close:hover { .p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: #ffffff; background: #0069d9;
border-color: rgba(0, 0, 0, 0.2); color: #ffffff;
color: #212529;
} }
.p-overlaypanel:after { .p-overlaypanel:after {
border: solid transparent; border: solid transparent;
@ -2828,18 +2882,23 @@
box-shadow: none; box-shadow: none;
} }
.p-sidebar .p-sidebar-close { .p-sidebar .p-sidebar-close {
background: transparent;
border: 0 none;
color: #6c757d;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
border-radius: 4px; color: #6c757d;
transition: color 0.15s, box-shadow 0.15s; border: 0 none;
}
.p-sidebar .p-sidebar-close:hover {
background: transparent; background: transparent;
border-radius: 50%;
transition: box-shadow 0.15s;
}
.p-sidebar .p-sidebar-close:enabled:hover {
color: #495057;
border-color: transparent; border-color: transparent;
color: #212529; background: transparent;
}
.p-sidebar .p-sidebar-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
} }
.p-sidebar-mask.p-component-overlay { .p-sidebar-mask.p-component-overlay {
@ -2869,7 +2928,7 @@
.p-fileupload .p-fileupload-buttonbar { .p-fileupload .p-fileupload-buttonbar {
background: rgba(0, 0, 0, 0.03); background: rgba(0, 0, 0, 0.03);
padding: 1rem 1.25rem; padding: 1rem 1.25rem;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
color: #212529; color: #212529;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 4px; border-top-right-radius: 4px;
@ -2886,7 +2945,7 @@
.p-fileupload .p-fileupload-content { .p-fileupload .p-fileupload-content {
background: #ffffff; background: #ffffff;
padding: 2rem 1rem; padding: 2rem 1rem;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
color: #212529; color: #212529;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
@ -2999,7 +3058,7 @@
color: #212529; color: #212529;
} }
.p-contextmenu .p-menu-separator { .p-contextmenu .p-menu-separator {
border-top: 1px solid rgba(0, 0, 0, 0.125); border-top: 1px solid #dee2e6;
margin: 0.5rem 0; margin: 0.5rem 0;
} }
.p-contextmenu .p-submenu-icon { .p-contextmenu .p-submenu-icon {
@ -3118,7 +3177,7 @@
width: 12.5rem; width: 12.5rem;
} }
.p-megamenu .p-megamenu-submenu .p-menu-separator { .p-megamenu .p-megamenu-submenu .p-menu-separator {
border-top: 1px solid rgba(0, 0, 0, 0.125); border-top: 1px solid #dee2e6;
margin: 0.5rem 0; margin: 0.5rem 0;
} }
.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
@ -3139,7 +3198,7 @@
padding: 0.5rem 0; padding: 0.5rem 0;
background: #ffffff; background: #ffffff;
color: #212529; color: #212529;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
border-radius: 4px; border-radius: 4px;
width: 12.5rem; width: 12.5rem;
} }
@ -3192,7 +3251,7 @@
border-top-left-radius: 0; border-top-left-radius: 0;
} }
.p-menu .p-menu-separator { .p-menu .p-menu-separator {
border-top: 1px solid rgba(0, 0, 0, 0.125); border-top: 1px solid #dee2e6;
margin: 0.5rem 0; margin: 0.5rem 0;
} }
@ -3296,7 +3355,7 @@
width: 12.5rem; width: 12.5rem;
} }
.p-menubar .p-submenu-list .p-menu-separator { .p-menubar .p-submenu-list .p-menu-separator {
border-top: 1px solid rgba(0, 0, 0, 0.125); border-top: 1px solid #dee2e6;
margin: 0.5rem 0; margin: 0.5rem 0;
} }
.p-menubar .p-submenu-list .p-submenu-icon { .p-menubar .p-submenu-list .p-submenu-icon {
@ -3318,21 +3377,15 @@
} }
.p-menubar .p-menubar-button { .p-menubar .p-menubar-button {
display: flex; display: flex;
width: 2rem;
height: 2rem;
color: rgba(0, 0, 0, 0.5); color: rgba(0, 0, 0, 0.5);
background: transparent; border-radius: 50%;
border: 1px solid rgba(0, 0, 0, 0.1); transition: box-shadow 0.15s;
width: 2.5rem;
height: 2.5rem;
border-radius: 4px;
transition: color 0.15s, box-shadow 0.15s;
}
.p-menubar .p-menubar-button i {
font-size: 1.25rem;
} }
.p-menubar .p-menubar-button:hover { .p-menubar .p-menubar-button:hover {
color: rgba(0, 0, 0, 0.5); color: rgba(0, 0, 0, 0.7);
background: transparent; background: transparent;
border-color: rgba(0, 0, 0, 0.1);
} }
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
@ -3349,7 +3402,7 @@
width: 100%; width: 100%;
} }
.p-menubar .p-menubar-root-list .p-menu-separator { .p-menubar .p-menubar-root-list .p-menu-separator {
border-top: 1px solid rgba(0, 0, 0, 0.125); border-top: 1px solid #dee2e6;
margin: 0.5rem 0; margin: 0.5rem 0;
} }
.p-menubar .p-menubar-root-list .p-submenu-icon { .p-menubar .p-menubar-root-list .p-submenu-icon {
@ -3442,7 +3495,7 @@
} }
.p-panelmenu .p-panelmenu-header > a { .p-panelmenu .p-panelmenu-header > a {
padding: 1rem 1.25rem; padding: 1rem 1.25rem;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
color: #212529; color: #212529;
background: rgba(0, 0, 0, 0.03); background: rgba(0, 0, 0, 0.03);
font-weight: 600; font-weight: 600;
@ -3462,7 +3515,7 @@
} }
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: #e9ecef; background: #e9ecef;
border-color: rgba(0, 0, 0, 0.125); border-color: #dee2e6;
color: #212529; color: #212529;
} }
.p-panelmenu .p-panelmenu-header.p-highlight { .p-panelmenu .p-panelmenu-header.p-highlight {
@ -3470,19 +3523,19 @@
} }
.p-panelmenu .p-panelmenu-header.p-highlight > a { .p-panelmenu .p-panelmenu-header.p-highlight > a {
background: rgba(0, 0, 0, 0.03); background: rgba(0, 0, 0, 0.03);
border-color: rgba(0, 0, 0, 0.125); border-color: #dee2e6;
color: #212529; color: #212529;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
} }
.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
border-color: rgba(0, 0, 0, 0.125); border-color: #dee2e6;
background: #e9ecef; background: #e9ecef;
color: #212529; color: #212529;
} }
.p-panelmenu .p-panelmenu-content { .p-panelmenu .p-panelmenu-content {
padding: 0.5rem 0; padding: 0.5rem 0;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #212529; color: #212529;
margin-bottom: 0; margin-bottom: 0;
@ -3561,7 +3614,7 @@
} }
.p-steps .p-steps-item .p-menuitem-link .p-steps-number { .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
color: #212529; color: #212529;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
background: transparent; background: transparent;
min-width: 2rem; min-width: 2rem;
height: 2rem; height: 2rem;
@ -3589,7 +3642,7 @@
} }
.p-steps .p-steps-item:before { .p-steps .p-steps-item:before {
content: " "; content: " ";
border-top: 1px solid rgba(0, 0, 0, 0.125); border-top: 1px solid #dee2e6;
width: 100%; width: 100%;
top: 50%; top: 50%;
left: 0; left: 0;
@ -3642,7 +3695,7 @@
padding: 0.5rem 0; padding: 0.5rem 0;
background: #ffffff; background: #ffffff;
color: #212529; color: #212529;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
border-radius: 4px; border-radius: 4px;
width: 12.5rem; width: 12.5rem;
} }
@ -3701,7 +3754,7 @@
color: #212529; color: #212529;
} }
.p-tieredmenu .p-menu-separator { .p-tieredmenu .p-menu-separator {
border-top: 1px solid rgba(0, 0, 0, 0.125); border-top: 1px solid #dee2e6;
margin: 0.5rem 0; margin: 0.5rem 0;
} }
.p-tieredmenu .p-submenu-icon { .p-tieredmenu .p-submenu-icon {
@ -3767,6 +3820,21 @@
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.25rem; padding: 1rem 1.25rem;
} }
.p-message .p-message-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: box-shadow 0.15s;
}
.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 rgba(38, 143, 255, 0.5);
}
.p-message.p-message-info { .p-message.p-message-info {
background: #cce5ff; background: #cce5ff;
border: solid #b8daff; border: solid #b8daff;
@ -3777,7 +3845,6 @@
color: #004085; color: #004085;
} }
.p-message.p-message-info .p-message-close { .p-message.p-message-info .p-message-close {
background: #cce5ff;
color: #004085; color: #004085;
} }
.p-message.p-message-success { .p-message.p-message-success {
@ -3790,7 +3857,6 @@
color: #155724; color: #155724;
} }
.p-message.p-message-success .p-message-close { .p-message.p-message-success .p-message-close {
background: #d4edda;
color: #155724; color: #155724;
} }
.p-message.p-message-warn { .p-message.p-message-warn {
@ -3803,7 +3869,6 @@
color: #856404; color: #856404;
} }
.p-message.p-message-warn .p-message-close { .p-message.p-message-warn .p-message-close {
background: #fff3cd;
color: #856404; color: #856404;
} }
.p-message.p-message-error { .p-message.p-message-error {
@ -3816,23 +3881,8 @@
color: #721c24; color: #721c24;
} }
.p-message.p-message-error .p-message-close { .p-message.p-message-error .p-message-close {
background: #f8d7da;
color: #721c24; color: #721c24;
} }
.p-message .p-message-close {
border-radius: 4px;
width: 2rem;
height: 2rem;
transition: color 0.15s, box-shadow 0.15s;
}
.p-message .p-message-close:hover {
background: rgba(255, 255, 255, 0.2);
}
.p-message .p-message-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: 500;
@ -3867,13 +3917,19 @@
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
} }
.p-toast .p-toast-item-container .p-toast-icon-close { .p-toast .p-toast-item-container .p-toast-icon-close {
border-radius: 4px;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
transition: color 0.15s, box-shadow 0.15s; border-radius: 50%;
background: transparent;
transition: box-shadow 0.15s;
} }
.p-toast .p-toast-item-container .p-toast-icon-close:hover { .p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
} }
.p-toast .p-toast-item-container.p-toast-message-info { .p-toast .p-toast-item-container.p-toast-message-info {
background: #cce5ff; background: #cce5ff;
@ -3922,7 +3978,7 @@
color: rgba(0, 0, 0, 0.03); color: rgba(0, 0, 0, 0.03);
width: 4rem; width: 4rem;
height: 4rem; height: 4rem;
transition: color 0.15s, box-shadow 0.15s; transition: box-shadow 0.15s;
border-radius: 4px; border-radius: 4px;
} }
.p-galleria .p-galleria-close .p-galleria-close-icon { .p-galleria .p-galleria-close .p-galleria-close-icon {
@ -3937,7 +3993,7 @@
color: rgba(0, 0, 0, 0.03); color: rgba(0, 0, 0, 0.03);
width: 4rem; width: 4rem;
height: 4rem; height: 4rem;
transition: color 0.15s, box-shadow 0.15s; transition: box-shadow 0.15s;
border-radius: 4px; border-radius: 4px;
margin: 0 0.5rem; margin: 0 0.5rem;
} }
@ -3961,11 +4017,11 @@
background-color: #e9ecef; background-color: #e9ecef;
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
transition: color 0.15s, box-shadow 0.15s; transition: box-shadow 0.15s;
border-radius: 4px; border-radius: 4px;
} }
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
background: rgba(0, 0, 0, 0.125); background: #dee2e6;
} }
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #007bff; background: #007bff;
@ -4001,7 +4057,7 @@
color: rgba(0, 0, 0, 0.03); color: rgba(0, 0, 0, 0.03);
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
transition: color 0.15s, box-shadow 0.15s; transition: box-shadow 0.15s;
border-radius: 4px; border-radius: 4px;
} }
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
@ -4056,7 +4112,7 @@
.p-terminal { .p-terminal {
background: #ffffff; background: #ffffff;
color: #212529; color: #212529;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
padding: 1.25rem; padding: 1.25rem;
} }
.p-terminal .p-terminal-input { .p-terminal .p-terminal-input {

View File

@ -3,7 +3,7 @@
--surface-a: #ffffff; --surface-a: #ffffff;
--surface-b: rgba(0, 0, 0, 0.03); --surface-b: rgba(0, 0, 0, 0.03);
--surface-c: #e9ecef; --surface-c: #e9ecef;
--surface-d: rgba(0, 0, 0, 0.125); --surface-d: #dee2e6;
--surface-e: #ffffff; --surface-e: #ffffff;
--surface-f: #ffffff; --surface-f: #ffffff;
--text-color: #212529; --text-color: #212529;
@ -152,26 +152,32 @@
background: #ffffff; background: #ffffff;
font-weight: 600; font-weight: 600;
margin: 0; margin: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.125); border-bottom: 1px solid #dee2e6;
border-top-right-radius: 4px; border-top-right-radius: 4px;
border-top-left-radius: 4px; border-top-left-radius: 4px;
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next { .p-datepicker .p-datepicker-header .p-datepicker-next {
width: 2.5rem; width: 2rem;
height: 2.5rem; height: 2rem;
color: #6c757d; color: #6c757d;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 4px; border-radius: 50%;
transition: color 0.15s, box-shadow 0.15s; transition: box-shadow 0.15s;
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover, .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover { .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: #212529; color: #495057;
border-color: transparent; border-color: transparent;
background: 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 rgba(136, 60, 174, 0.5);
}
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 1;
} }
@ -228,27 +234,34 @@
} }
.p-datepicker .p-datepicker-buttonbar { .p-datepicker .p-datepicker-buttonbar {
padding: 1rem 0; padding: 1rem 0;
border-top: 1px solid rgba(0, 0, 0, 0.125); border-top: 1px solid #dee2e6;
} }
.p-datepicker .p-datepicker-buttonbar .p-button { .p-datepicker .p-datepicker-buttonbar .p-button {
width: auto; width: auto;
} }
.p-datepicker .p-timepicker { .p-datepicker .p-timepicker {
border-top: 1px solid rgba(0, 0, 0, 0.125); border-top: 1px solid #dee2e6;
padding: 0.5rem; padding: 0.5rem;
} }
.p-datepicker .p-timepicker button { .p-datepicker .p-timepicker button {
width: 2.5rem; width: 2rem;
height: 2.5rem; height: 2rem;
color: #6c757d; color: #6c757d;
border: 0 none;
background: transparent; background: transparent;
border-radius: 4px; border-radius: 50%;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; transition: box-shadow 0.15s;
} }
.p-datepicker .p-timepicker button:hover { .p-datepicker .p-timepicker button:enabled:hover {
color: #212529; color: #495057;
border-color: transparent;
background: transparent; background: transparent;
} }
.p-datepicker .p-timepicker button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
}
.p-datepicker .p-timepicker button:last-child { .p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em; margin-top: 0.2em;
} }
@ -274,7 +287,7 @@
background: #883cae; background: #883cae;
} }
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
border-right: 1px solid rgba(0, 0, 0, 0.125); border-right: 1px solid #dee2e6;
padding-right: 0; padding-right: 0;
padding-left: 0; padding-left: 0;
padding-top: 0; padding-top: 0;
@ -287,10 +300,6 @@
padding-right: 0; padding-right: 0;
border-right: 0 none; border-right: 0 none;
} }
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: #212529;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: #e9ecef; background: #e9ecef;
} }
@ -472,7 +481,7 @@
} }
.p-dropdown-panel .p-dropdown-header { .p-dropdown-panel .p-dropdown-header {
padding: 0.75rem 1.5rem; padding: 0.75rem 1.5rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.125); border-bottom: 1px solid #dee2e6;
color: #212529; color: #212529;
background: rgba(0, 0, 0, 0.03); background: rgba(0, 0, 0, 0.03);
margin: 0; margin: 0;
@ -527,7 +536,7 @@
border-top-left-radius: 4px; border-top-left-radius: 4px;
} }
.p-editor-container .p-editor-toolbar.ql-snow { .p-editor-container .p-editor-toolbar.ql-snow {
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
} }
.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
stroke: #6c757d; stroke: #6c757d;
@ -577,7 +586,7 @@
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
} }
.p-editor-container .p-editor-content.ql-snow { .p-editor-container .p-editor-content.ql-snow {
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
} }
.p-editor-container .p-editor-content .ql-editor { .p-editor-container .p-editor-content .ql-editor {
background: #ffffff; background: #ffffff;
@ -797,7 +806,7 @@
} }
.p-listbox .p-listbox-header { .p-listbox .p-listbox-header {
padding: 0.75rem 1.5rem; padding: 0.75rem 1.5rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.125); border-bottom: 1px solid #dee2e6;
color: #212529; color: #212529;
background: rgba(0, 0, 0, 0.03); background: rgba(0, 0, 0, 0.03);
margin: 0; margin: 0;
@ -879,7 +888,7 @@
} }
.p-multiselect-panel .p-multiselect-header { .p-multiselect-panel .p-multiselect-header {
padding: 0.75rem 1.5rem; padding: 0.75rem 1.5rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.125); border-bottom: 1px solid #dee2e6;
color: #212529; color: #212529;
background: rgba(0, 0, 0, 0.03); background: rgba(0, 0, 0, 0.03);
margin: 0; margin: 0;
@ -902,15 +911,19 @@
color: #6c757d; color: #6c757d;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 4px; border-radius: 50%;
transition: color 0.15s, box-shadow 0.15s; transition: box-shadow 0.15s;
margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: #212529; color: #495057;
border-color: transparent; border-color: transparent;
background: 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 rgba(136, 60, 174, 0.5);
}
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0.5rem 0; padding: 0.5rem 0;
} }
@ -1612,20 +1625,26 @@
.p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
background: #ffffff;
border: 0 none;
color: #6c757d;
border-radius: 4px;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
transition: color 0.15s, box-shadow 0.15s; color: #6c757d;
margin: 0.5rem; border: 0 none;
background: transparent;
border-radius: 50%;
transition: box-shadow 0.15s;
margin: 0 0.5rem;
} }
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover, .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover { .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
background: #ffffff; color: #495057;
border-color: transparent; border-color: transparent;
color: #212529; 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 rgba(136, 60, 174, 0.5);
} }
.p-carousel .p-carousel-indicators { .p-carousel .p-carousel-indicators {
padding: 1rem; padding: 1rem;
@ -1638,11 +1657,11 @@
background-color: #e9ecef; background-color: #e9ecef;
width: 2rem; width: 2rem;
height: 0.5rem; height: 0.5rem;
transition: color 0.15s, box-shadow 0.15s; transition: box-shadow 0.15s;
border-radius: 0; border-radius: 0;
} }
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
background: rgba(0, 0, 0, 0.125); background: #dee2e6;
} }
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #883cae; background: #883cae;
@ -1734,23 +1753,41 @@
border-width: 1px 0 0 0; border-width: 1px 0 0 0;
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler { .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: #6c757d; color: #6c757d;
transition: color 0.15s, box-shadow 0.15s; border: 0 none;
background: transparent;
border-radius: 50%;
transition: box-shadow 0.15s;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover { .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
color: #212529; .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: #495057;
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 rgba(136, 60, 174, 0.5);
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
margin-right: 0.5rem;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: #883cae; background: #883cae;
color: #ffffff; color: #ffffff;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 #883cae; box-shadow: inset 0 2px 0 0 #883cae;
} }
@ -1859,7 +1896,7 @@
padding: 0; padding: 0;
} }
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
border-width: 1px 0 0 0; border-width: 1px 0 0 0;
} }
.p-dataview .p-dataview-footer { .p-dataview .p-dataview-footer {
@ -1875,19 +1912,19 @@
.fc .fc-view-container th { .fc .fc-view-container th {
background: rgba(0, 0, 0, 0.03); background: rgba(0, 0, 0, 0.03);
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
color: #212529; color: #212529;
} }
.fc .fc-view-container td.fc-widget-content { .fc .fc-view-container td.fc-widget-content {
background: #ffffff; background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
color: #212529; color: #212529;
} }
.fc .fc-view-container td.fc-head-container { .fc .fc-view-container td.fc-head-container {
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
} }
.fc .fc-view-container .fc-row { .fc .fc-view-container .fc-row {
border-right: 1px solid rgba(0, 0, 0, 0.125); border-right: 1px solid #dee2e6;
} }
.fc .fc-view-container .fc-event { .fc .fc-view-container .fc-event {
background: #7a38a7; background: #7a38a7;
@ -1896,7 +1933,7 @@
} }
.fc .fc-view-container .fc-divider { .fc .fc-view-container .fc-divider {
background: rgba(0, 0, 0, 0.03); background: rgba(0, 0, 0, 0.03);
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
} }
.fc .fc-toolbar .fc-button { .fc .fc-toolbar .fc-button {
color: #ffffff; color: #ffffff;
@ -1982,7 +2019,7 @@
.p-orderlist .p-orderlist-caption { .p-orderlist .p-orderlist-caption {
background: rgba(0, 0, 0, 0.03); background: rgba(0, 0, 0, 0.03);
color: #212529; color: #212529;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
padding: 1rem 1.25rem; padding: 1rem 1.25rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
@ -1990,7 +2027,7 @@
border-top-left-radius: 4px; border-top-left-radius: 4px;
} }
.p-orderlist .p-orderlist-list { .p-orderlist .p-orderlist-list {
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #212529; color: #212529;
padding: 0.5rem 0; padding: 0.5rem 0;
@ -2047,42 +2084,37 @@
color: #3e1b4f; color: #3e1b4f;
} }
.p-organizationchart .p-organizationchart-line-down { .p-organizationchart .p-organizationchart-line-down {
background: rgba(0, 0, 0, 0.125); background: #dee2e6;
} }
.p-organizationchart .p-organizationchart-line-left { .p-organizationchart .p-organizationchart-line-left {
border-right: 1px solid rgba(0, 0, 0, 0.125); border-right: 1px solid #dee2e6;
border-color: rgba(0, 0, 0, 0.125); border-color: #dee2e6;
} }
.p-organizationchart .p-organizationchart-line-top { .p-organizationchart .p-organizationchart-line-top {
border-top: 1px solid rgba(0, 0, 0, 0.125); border-top: 1px solid #dee2e6;
border-color: rgba(0, 0, 0, 0.125); border-color: #dee2e6;
} }
.p-organizationchart .p-organizationchart-node-content { .p-organizationchart .p-organizationchart-node-content {
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #212529; color: #212529;
padding: 1.25rem; padding: 1.25rem;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler { .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
bottom: -0.7em; background: inherit;
margin-left: -0.46em; color: inherit;
color: #6c757d; border-radius: 50%;
border-radius: 4px;
transition: color 0.15s, box-shadow 0.15s;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: #212529;
}
.p-paginator { .p-paginator {
background: #ffffff; background: #ffffff;
color: #883cae; color: #883cae;
border: solid rgba(0, 0, 0, 0.125); border: solid #dee2e6;
border-width: 0; border-width: 0;
padding: 0.75rem; padding: 0.75rem;
border-radius: 4px; border-radius: 4px;
@ -2162,7 +2194,7 @@
.p-picklist .p-picklist-caption { .p-picklist .p-picklist-caption {
background: rgba(0, 0, 0, 0.03); background: rgba(0, 0, 0, 0.03);
color: #212529; color: #212529;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
padding: 1rem 1.25rem; padding: 1rem 1.25rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
@ -2170,7 +2202,7 @@
border-top-left-radius: 4px; border-top-left-radius: 4px;
} }
.p-picklist .p-picklist-list { .p-picklist .p-picklist-list {
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #212529; color: #212529;
padding: 0.5rem 0; padding: 0.5rem 0;
@ -2228,7 +2260,7 @@
} }
} }
.p-tree { .p-tree {
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #212529; color: #212529;
padding: 1.25rem; padding: 1.25rem;
@ -2244,11 +2276,23 @@
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem; margin-right: 0.5rem;
width: 2rem;
height: 2rem;
color: #6c757d; color: #6c757d;
transition: color 0.15s, box-shadow 0.15s; border: 0 none;
background: transparent;
border-radius: 50%;
transition: box-shadow 0.15s;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:hover { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: #212529; color: #495057;
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 rgba(136, 60, 174, 0.5);
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2381,12 +2425,24 @@
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
width: 2rem;
height: 2rem;
color: #6c757d; color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: box-shadow 0.15s;
margin-right: 0.5rem; margin-right: 0.5rem;
transition: color 0.15s, box-shadow 0.15s;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:hover { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: #212529; color: #495057;
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 rgba(136, 60, 174, 0.5);
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2475,7 +2531,7 @@
.p-accordion .p-accordion-header .p-accordion-header-link { .p-accordion .p-accordion-header .p-accordion-header-link {
padding: 1rem 1.25rem; padding: 1rem 1.25rem;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
color: #212529; color: #212529;
background: rgba(0, 0, 0, 0.03); background: rgba(0, 0, 0, 0.03);
font-weight: 600; font-weight: 600;
@ -2492,24 +2548,24 @@
} }
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
background: #e9ecef; background: #e9ecef;
border-color: rgba(0, 0, 0, 0.125); border-color: #dee2e6;
color: #212529; color: #212529;
} }
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
background: rgba(0, 0, 0, 0.03); background: rgba(0, 0, 0, 0.03);
border-color: rgba(0, 0, 0, 0.125); border-color: #dee2e6;
color: #212529; color: #212529;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
} }
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
border-color: rgba(0, 0, 0, 0.125); border-color: #dee2e6;
background: #e9ecef; background: #e9ecef;
color: #212529; color: #212529;
} }
.p-accordion .p-accordion-content { .p-accordion .p-accordion-content {
padding: 1.25rem; padding: 1.25rem;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #212529; color: #212529;
border-top: 0; border-top: 0;
@ -2566,14 +2622,14 @@
} }
.p-fieldset { .p-fieldset {
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #212529; color: #212529;
border-radius: 4px; border-radius: 4px;
} }
.p-fieldset .p-fieldset-legend { .p-fieldset .p-fieldset-legend {
padding: 1rem 1.25rem; padding: 1rem 1.25rem;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
color: #212529; color: #212529;
background: rgba(0, 0, 0, 0.03); background: rgba(0, 0, 0, 0.03);
font-weight: 600; font-weight: 600;
@ -2599,12 +2655,12 @@
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: #e9ecef; background: #e9ecef;
border-color: rgba(0, 0, 0, 0.125); border-color: #dee2e6;
color: #212529; color: #212529;
} }
.p-panel .p-panel-header { .p-panel .p-panel-header {
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
padding: 1rem 1.25rem; padding: 1rem 1.25rem;
background: rgba(0, 0, 0, 0.03); background: rgba(0, 0, 0, 0.03);
color: #212529; color: #212529;
@ -2618,13 +2674,13 @@
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #6c757d; color: #6c757d;
background: transparent;
border: 0 none; border: 0 none;
border-radius: 4px; background: transparent;
transition: color 0.15s, box-shadow 0.15s; border-radius: 50%;
transition: box-shadow 0.15s;
} }
.p-panel .p-panel-header .p-panel-header-icon:hover { .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: #212529; color: #495057;
border-color: transparent; border-color: transparent;
background: transparent; background: transparent;
} }
@ -2638,7 +2694,7 @@
} }
.p-panel .p-panel-content { .p-panel .p-panel-content {
padding: 1.25rem; padding: 1.25rem;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #212529; color: #212529;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
@ -2647,7 +2703,7 @@
} }
.p-panel .p-panel-footer { .p-panel .p-panel-footer {
padding: 0.5rem 1.25rem; padding: 0.5rem 1.25rem;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #212529; color: #212529;
border-top: 0 none; border-top: 0 none;
@ -2705,7 +2761,7 @@
.p-toolbar { .p-toolbar {
background: rgba(0, 0, 0, 0.03); background: rgba(0, 0, 0, 0.03);
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
padding: 1rem 1.25rem; padding: 1rem 1.25rem;
border-radius: 4px; border-radius: 4px;
} }
@ -2736,12 +2792,12 @@
color: #6c757d; color: #6c757d;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 4px; border-radius: 50%;
transition: color 0.15s, box-shadow 0.15s; transition: box-shadow 0.15s;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:hover { .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: #212529; color: #495057;
border-color: transparent; border-color: transparent;
background: transparent; background: transparent;
} }
@ -2787,21 +2843,19 @@
padding: 1rem; padding: 1rem;
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #ffffff; background: #883cae;
border: 1px solid rgba(0, 0, 0, 0.2); color: #ffffff;
color: #6c757d;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
transition: box-shadow 0.15s;
border-radius: 50%;
position: absolute; position: absolute;
top: -1rem; top: -1rem;
right: -1rem; right: -1rem;
border-radius: 50%;
transition: color 0.15s, box-shadow 0.15s;
} }
.p-overlaypanel .p-overlaypanel-close:hover { .p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: #ffffff; background: #7a38a7;
border-color: rgba(0, 0, 0, 0.2); color: #ffffff;
color: #212529;
} }
.p-overlaypanel:after { .p-overlaypanel:after {
border: solid transparent; border: solid transparent;
@ -2828,18 +2882,23 @@
box-shadow: none; box-shadow: none;
} }
.p-sidebar .p-sidebar-close { .p-sidebar .p-sidebar-close {
background: transparent;
border: 0 none;
color: #6c757d;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
border-radius: 4px; color: #6c757d;
transition: color 0.15s, box-shadow 0.15s; border: 0 none;
}
.p-sidebar .p-sidebar-close:hover {
background: transparent; background: transparent;
border-radius: 50%;
transition: box-shadow 0.15s;
}
.p-sidebar .p-sidebar-close:enabled:hover {
color: #495057;
border-color: transparent; border-color: transparent;
color: #212529; background: transparent;
}
.p-sidebar .p-sidebar-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
} }
.p-sidebar-mask.p-component-overlay { .p-sidebar-mask.p-component-overlay {
@ -2869,7 +2928,7 @@
.p-fileupload .p-fileupload-buttonbar { .p-fileupload .p-fileupload-buttonbar {
background: rgba(0, 0, 0, 0.03); background: rgba(0, 0, 0, 0.03);
padding: 1rem 1.25rem; padding: 1rem 1.25rem;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
color: #212529; color: #212529;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 4px; border-top-right-radius: 4px;
@ -2886,7 +2945,7 @@
.p-fileupload .p-fileupload-content { .p-fileupload .p-fileupload-content {
background: #ffffff; background: #ffffff;
padding: 2rem 1rem; padding: 2rem 1rem;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
color: #212529; color: #212529;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
@ -2999,7 +3058,7 @@
color: #212529; color: #212529;
} }
.p-contextmenu .p-menu-separator { .p-contextmenu .p-menu-separator {
border-top: 1px solid rgba(0, 0, 0, 0.125); border-top: 1px solid #dee2e6;
margin: 0.5rem 0; margin: 0.5rem 0;
} }
.p-contextmenu .p-submenu-icon { .p-contextmenu .p-submenu-icon {
@ -3118,7 +3177,7 @@
width: 12.5rem; width: 12.5rem;
} }
.p-megamenu .p-megamenu-submenu .p-menu-separator { .p-megamenu .p-megamenu-submenu .p-menu-separator {
border-top: 1px solid rgba(0, 0, 0, 0.125); border-top: 1px solid #dee2e6;
margin: 0.5rem 0; margin: 0.5rem 0;
} }
.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
@ -3139,7 +3198,7 @@
padding: 0.5rem 0; padding: 0.5rem 0;
background: #ffffff; background: #ffffff;
color: #212529; color: #212529;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
border-radius: 4px; border-radius: 4px;
width: 12.5rem; width: 12.5rem;
} }
@ -3192,7 +3251,7 @@
border-top-left-radius: 0; border-top-left-radius: 0;
} }
.p-menu .p-menu-separator { .p-menu .p-menu-separator {
border-top: 1px solid rgba(0, 0, 0, 0.125); border-top: 1px solid #dee2e6;
margin: 0.5rem 0; margin: 0.5rem 0;
} }
@ -3296,7 +3355,7 @@
width: 12.5rem; width: 12.5rem;
} }
.p-menubar .p-submenu-list .p-menu-separator { .p-menubar .p-submenu-list .p-menu-separator {
border-top: 1px solid rgba(0, 0, 0, 0.125); border-top: 1px solid #dee2e6;
margin: 0.5rem 0; margin: 0.5rem 0;
} }
.p-menubar .p-submenu-list .p-submenu-icon { .p-menubar .p-submenu-list .p-submenu-icon {
@ -3318,21 +3377,15 @@
} }
.p-menubar .p-menubar-button { .p-menubar .p-menubar-button {
display: flex; display: flex;
width: 2rem;
height: 2rem;
color: rgba(0, 0, 0, 0.5); color: rgba(0, 0, 0, 0.5);
background: transparent; border-radius: 50%;
border: 1px solid rgba(0, 0, 0, 0.1); transition: box-shadow 0.15s;
width: 2.5rem;
height: 2.5rem;
border-radius: 4px;
transition: color 0.15s, box-shadow 0.15s;
}
.p-menubar .p-menubar-button i {
font-size: 1.25rem;
} }
.p-menubar .p-menubar-button:hover { .p-menubar .p-menubar-button:hover {
color: rgba(0, 0, 0, 0.5); color: rgba(0, 0, 0, 0.7);
background: transparent; background: transparent;
border-color: rgba(0, 0, 0, 0.1);
} }
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
@ -3349,7 +3402,7 @@
width: 100%; width: 100%;
} }
.p-menubar .p-menubar-root-list .p-menu-separator { .p-menubar .p-menubar-root-list .p-menu-separator {
border-top: 1px solid rgba(0, 0, 0, 0.125); border-top: 1px solid #dee2e6;
margin: 0.5rem 0; margin: 0.5rem 0;
} }
.p-menubar .p-menubar-root-list .p-submenu-icon { .p-menubar .p-menubar-root-list .p-submenu-icon {
@ -3442,7 +3495,7 @@
} }
.p-panelmenu .p-panelmenu-header > a { .p-panelmenu .p-panelmenu-header > a {
padding: 1rem 1.25rem; padding: 1rem 1.25rem;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
color: #212529; color: #212529;
background: rgba(0, 0, 0, 0.03); background: rgba(0, 0, 0, 0.03);
font-weight: 600; font-weight: 600;
@ -3462,7 +3515,7 @@
} }
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
background: #e9ecef; background: #e9ecef;
border-color: rgba(0, 0, 0, 0.125); border-color: #dee2e6;
color: #212529; color: #212529;
} }
.p-panelmenu .p-panelmenu-header.p-highlight { .p-panelmenu .p-panelmenu-header.p-highlight {
@ -3470,19 +3523,19 @@
} }
.p-panelmenu .p-panelmenu-header.p-highlight > a { .p-panelmenu .p-panelmenu-header.p-highlight > a {
background: rgba(0, 0, 0, 0.03); background: rgba(0, 0, 0, 0.03);
border-color: rgba(0, 0, 0, 0.125); border-color: #dee2e6;
color: #212529; color: #212529;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
} }
.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
border-color: rgba(0, 0, 0, 0.125); border-color: #dee2e6;
background: #e9ecef; background: #e9ecef;
color: #212529; color: #212529;
} }
.p-panelmenu .p-panelmenu-content { .p-panelmenu .p-panelmenu-content {
padding: 0.5rem 0; padding: 0.5rem 0;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #212529; color: #212529;
margin-bottom: 0; margin-bottom: 0;
@ -3561,7 +3614,7 @@
} }
.p-steps .p-steps-item .p-menuitem-link .p-steps-number { .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
color: #212529; color: #212529;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
background: transparent; background: transparent;
min-width: 2rem; min-width: 2rem;
height: 2rem; height: 2rem;
@ -3589,7 +3642,7 @@
} }
.p-steps .p-steps-item:before { .p-steps .p-steps-item:before {
content: " "; content: " ";
border-top: 1px solid rgba(0, 0, 0, 0.125); border-top: 1px solid #dee2e6;
width: 100%; width: 100%;
top: 50%; top: 50%;
left: 0; left: 0;
@ -3642,7 +3695,7 @@
padding: 0.5rem 0; padding: 0.5rem 0;
background: #ffffff; background: #ffffff;
color: #212529; color: #212529;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
border-radius: 4px; border-radius: 4px;
width: 12.5rem; width: 12.5rem;
} }
@ -3701,7 +3754,7 @@
color: #212529; color: #212529;
} }
.p-tieredmenu .p-menu-separator { .p-tieredmenu .p-menu-separator {
border-top: 1px solid rgba(0, 0, 0, 0.125); border-top: 1px solid #dee2e6;
margin: 0.5rem 0; margin: 0.5rem 0;
} }
.p-tieredmenu .p-submenu-icon { .p-tieredmenu .p-submenu-icon {
@ -3767,6 +3820,21 @@
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.25rem; padding: 1rem 1.25rem;
} }
.p-message .p-message-close {
width: 2rem;
height: 2rem;
border-radius: 50%;
background: transparent;
transition: box-shadow 0.15s;
}
.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 rgba(136, 60, 174, 0.5);
}
.p-message.p-message-info { .p-message.p-message-info {
background: #cce5ff; background: #cce5ff;
border: solid #b8daff; border: solid #b8daff;
@ -3777,7 +3845,6 @@
color: #004085; color: #004085;
} }
.p-message.p-message-info .p-message-close { .p-message.p-message-info .p-message-close {
background: #cce5ff;
color: #004085; color: #004085;
} }
.p-message.p-message-success { .p-message.p-message-success {
@ -3790,7 +3857,6 @@
color: #155724; color: #155724;
} }
.p-message.p-message-success .p-message-close { .p-message.p-message-success .p-message-close {
background: #d4edda;
color: #155724; color: #155724;
} }
.p-message.p-message-warn { .p-message.p-message-warn {
@ -3803,7 +3869,6 @@
color: #856404; color: #856404;
} }
.p-message.p-message-warn .p-message-close { .p-message.p-message-warn .p-message-close {
background: #fff3cd;
color: #856404; color: #856404;
} }
.p-message.p-message-error { .p-message.p-message-error {
@ -3816,23 +3881,8 @@
color: #721c24; color: #721c24;
} }
.p-message.p-message-error .p-message-close { .p-message.p-message-error .p-message-close {
background: #f8d7da;
color: #721c24; color: #721c24;
} }
.p-message .p-message-close {
border-radius: 4px;
width: 2rem;
height: 2rem;
transition: color 0.15s, box-shadow 0.15s;
}
.p-message .p-message-close:hover {
background: rgba(255, 255, 255, 0.2);
}
.p-message .p-message-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
}
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: 500;
@ -3867,13 +3917,19 @@
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
} }
.p-toast .p-toast-item-container .p-toast-icon-close { .p-toast .p-toast-item-container .p-toast-icon-close {
border-radius: 4px;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
transition: color 0.15s, box-shadow 0.15s; border-radius: 50%;
background: transparent;
transition: box-shadow 0.15s;
} }
.p-toast .p-toast-item-container .p-toast-icon-close:hover { .p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
} }
.p-toast .p-toast-item-container.p-toast-message-info { .p-toast .p-toast-item-container.p-toast-message-info {
background: #cce5ff; background: #cce5ff;
@ -3922,7 +3978,7 @@
color: rgba(0, 0, 0, 0.03); color: rgba(0, 0, 0, 0.03);
width: 4rem; width: 4rem;
height: 4rem; height: 4rem;
transition: color 0.15s, box-shadow 0.15s; transition: box-shadow 0.15s;
border-radius: 4px; border-radius: 4px;
} }
.p-galleria .p-galleria-close .p-galleria-close-icon { .p-galleria .p-galleria-close .p-galleria-close-icon {
@ -3937,7 +3993,7 @@
color: rgba(0, 0, 0, 0.03); color: rgba(0, 0, 0, 0.03);
width: 4rem; width: 4rem;
height: 4rem; height: 4rem;
transition: color 0.15s, box-shadow 0.15s; transition: box-shadow 0.15s;
border-radius: 4px; border-radius: 4px;
margin: 0 0.5rem; margin: 0 0.5rem;
} }
@ -3961,11 +4017,11 @@
background-color: #e9ecef; background-color: #e9ecef;
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
transition: color 0.15s, box-shadow 0.15s; transition: box-shadow 0.15s;
border-radius: 4px; border-radius: 4px;
} }
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
background: rgba(0, 0, 0, 0.125); background: #dee2e6;
} }
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #883cae; background: #883cae;
@ -4001,7 +4057,7 @@
color: rgba(0, 0, 0, 0.03); color: rgba(0, 0, 0, 0.03);
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
transition: color 0.15s, box-shadow 0.15s; transition: box-shadow 0.15s;
border-radius: 4px; border-radius: 4px;
} }
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
@ -4056,7 +4112,7 @@
.p-terminal { .p-terminal {
background: #ffffff; background: #ffffff;
color: #212529; color: #212529;
border: 1px solid rgba(0, 0, 0, 0.125); border: 1px solid #dee2e6;
padding: 1.25rem; padding: 1.25rem;
} }
.p-terminal .p-terminal-input { .p-terminal .p-terminal-input {

View File

@ -3,7 +3,7 @@
--surface-a: #191919; --surface-a: #191919;
--surface-b: #191919; --surface-b: #191919;
--surface-c: #4c4c4c; --surface-c: #4c4c4c;
--surface-d: #2f2f2f; --surface-d: #4b4b4b;
--surface-e: #323232; --surface-e: #323232;
--surface-f: #323232; --surface-f: #323232;
--text-color: #dedede; --text-color: #dedede;
@ -158,20 +158,26 @@
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next { .p-datepicker .p-datepicker-header .p-datepicker-next {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #888888; color: #8888;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 3px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover, .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover { .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: #dedede; color: #dedede;
border-color: transparent; border-color: transparent;
background: 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 { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 1;
} }
@ -238,17 +244,24 @@
padding: 0.857rem 0 0.429rem 0; padding: 0.857rem 0 0.429rem 0;
} }
.p-datepicker .p-timepicker button { .p-datepicker .p-timepicker button {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #888888; color: #8888;
border: 0 none;
background: transparent; background: transparent;
border-radius: 3px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-timepicker button:hover { .p-datepicker .p-timepicker button:enabled:hover {
color: #dedede; color: #dedede;
border-color: transparent;
background: 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 { .p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em; margin-top: 0.2em;
} }
@ -287,10 +300,6 @@
padding-right: 0; padding-right: 0;
border-right: 0 none; border-right: 0 none;
} }
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: #dedede;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: #4c4c4c; background: #4c4c4c;
} }
@ -897,20 +906,24 @@
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close { .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #888888; color: #8888;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 3px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: #dedede; color: #dedede;
border-color: transparent; border-color: transparent;
background: 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 { .p-multiselect-panel .p-multiselect-items {
padding: 0; padding: 0;
} }
@ -1612,20 +1625,26 @@
.p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
background: transparent;
border: 0 none;
color: #888888;
border-radius: 50%;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #8888;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin: 0.5rem; margin: 0 0.5rem;
} }
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover, .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover { .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
background: #4c4c4c; color: #dedede;
border-color: transparent; border-color: transparent;
color: #888888; 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 { .p-carousel .p-carousel-indicators {
padding: 1rem; padding: 1rem;
@ -1734,23 +1753,41 @@
border-width: 1px; border-width: 1px;
padding: 0.571rem 0.857rem; padding: 0.571rem 0.857rem;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler { .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
color: #888888; .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: #8888;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover { .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; 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.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: #FFE082; background: #FFE082;
color: #212529; color: #212529;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: #212529;
}
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: #212529;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 #FFE082; box-shadow: inset 0 2px 0 0 #FFE082;
} }
@ -2064,20 +2101,15 @@
padding: 0.571rem 1rem; padding: 0.571rem 1rem;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler { .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
bottom: -0.7em; background: inherit;
margin-left: -0.46em; color: inherit;
color: #888888; border-radius: 50%;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.1rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: #dedede;
}
.p-paginator { .p-paginator {
background: #252525; background: #252525;
@ -2244,11 +2276,23 @@
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem; margin-right: 0.5rem;
color: #888888; width: 2rem;
height: 2rem;
color: #8888;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: #dedede; 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 { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2381,12 +2425,24 @@
padding: 0.571rem 0.857rem; padding: 0.571rem 0.857rem;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
color: #888888; width: 2rem;
margin-right: 0.5rem; height: 2rem;
color: #8888;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: #dedede; 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 { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2564,7 +2620,7 @@
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
@ -2598,15 +2654,15 @@
font-weight: 700; font-weight: 700;
} }
.p-panel .p-panel-header .p-panel-header-icon { .p-panel .p-panel-header .p-panel-header-icon {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #888888; color: #8888;
background: transparent;
border: 0 none; border: 0 none;
border-radius: 3px; background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-panel .p-panel-header .p-panel-header-icon:hover { .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: #dedede; color: #dedede;
border-color: transparent; border-color: transparent;
background: transparent; background: transparent;
@ -2714,16 +2770,16 @@
font-size: 1rem; font-size: 1rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon { .p-dialog .p-dialog-header .p-dialog-header-icon {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #888888; color: #8888;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 3px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:hover { .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: #dedede; color: #dedede;
border-color: transparent; border-color: transparent;
background: transparent; background: transparent;
@ -2771,19 +2827,17 @@
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #FFE082; background: #FFE082;
border: 0 none;
color: #212529; color: #212529;
width: 1.538rem; width: 2rem;
height: 1.538rem; height: 2rem;
position: absolute;
top: -0.769rem;
right: -0.769rem;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: #FFCA28; background: #FFD54F;
border-color: transparent;
color: #212529; color: #212529;
} }
.p-overlaypanel:after { .p-overlaypanel:after {
@ -2811,18 +2865,23 @@
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
} }
.p-sidebar .p-sidebar-close { .p-sidebar .p-sidebar-close {
background: #FFE082; width: 2rem;
height: 2rem;
color: #8888;
border: 0 none; border: 0 none;
color: #212529; background: transparent;
width: 1.538rem;
height: 1.538rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-sidebar .p-sidebar-close:hover { .p-sidebar .p-sidebar-close:enabled:hover {
background: #FFCA28; color: #dedede;
border-color: transparent; border-color: transparent;
color: #212529; background: transparent;
}
.p-sidebar .p-sidebar-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
} }
.p-sidebar-mask.p-component-overlay { .p-sidebar-mask.p-component-overlay {
@ -3301,21 +3360,15 @@
} }
.p-menubar .p-menubar-button { .p-menubar .p-menubar-button {
display: flex; display: flex;
color: #888888;
background: transparent;
border: 0 none;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #dedede;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i {
font-size: 1rem;
}
.p-menubar .p-menubar-button:hover { .p-menubar .p-menubar-button:hover {
color: #dedede; color: #dedede;
background: transparent; background: #4c4c4c;
border-color: transparent;
} }
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
@ -3733,6 +3786,21 @@
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem; 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 { .p-message.p-message-info {
background: #7fbcec; background: #7fbcec;
border: 0 none; border: 0 none;
@ -3743,7 +3811,6 @@
color: #212121; color: #212121;
} }
.p-message.p-message-info .p-message-close { .p-message.p-message-info .p-message-close {
background: #7fbcec;
color: #212121; color: #212121;
} }
.p-message.p-message-success { .p-message.p-message-success {
@ -3756,7 +3823,6 @@
color: #212121; color: #212121;
} }
.p-message.p-message-success .p-message-close { .p-message.p-message-success .p-message-close {
background: #b7d8b7;
color: #212121; color: #212121;
} }
.p-message.p-message-warn { .p-message.p-message-warn {
@ -3769,7 +3835,6 @@
color: #212121; color: #212121;
} }
.p-message.p-message-warn .p-message-close { .p-message.p-message-warn .p-message-close {
background: #ffe399;
color: #212121; color: #212121;
} }
.p-message.p-message-error { .p-message.p-message-error {
@ -3782,23 +3847,8 @@
color: #212121; color: #212121;
} }
.p-message.p-message-error .p-message-close { .p-message.p-message-error .p-message-close {
background: #f8b7bd;
color: #212121; color: #212121;
} }
.p-message .p-message-close {
border-radius: 3px;
width: auto;
height: auto;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: transparent;
}
.p-message .p-message-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
}
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
font-weight: normal; font-weight: normal;
@ -3833,13 +3883,19 @@
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
} }
.p-toast .p-toast-item-container .p-toast-icon-close { .p-toast .p-toast-item-container .p-toast-icon-close {
border-radius: 3px; width: 2rem;
width: auto; height: 2rem;
height: auto; border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-toast .p-toast-item-container .p-toast-icon-close:hover { .p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: transparent; background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
} }
.p-toast .p-toast-item-container.p-toast-message-info { .p-toast .p-toast-item-container.p-toast-message-info {
background: #7fbcec; background: #7fbcec;

View File

@ -3,7 +3,7 @@
--surface-a: #191919; --surface-a: #191919;
--surface-b: #191919; --surface-b: #191919;
--surface-c: #4c4c4c; --surface-c: #4c4c4c;
--surface-d: #2f2f2f; --surface-d: #4b4b4b;
--surface-e: #323232; --surface-e: #323232;
--surface-f: #323232; --surface-f: #323232;
--text-color: #dedede; --text-color: #dedede;
@ -158,20 +158,26 @@
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next { .p-datepicker .p-datepicker-header .p-datepicker-next {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #888888; color: #8888;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 3px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover, .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover { .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: #dedede; color: #dedede;
border-color: transparent; border-color: transparent;
background: 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 { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 1;
} }
@ -238,17 +244,24 @@
padding: 0.857rem 0 0.429rem 0; padding: 0.857rem 0 0.429rem 0;
} }
.p-datepicker .p-timepicker button { .p-datepicker .p-timepicker button {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #888888; color: #8888;
border: 0 none;
background: transparent; background: transparent;
border-radius: 3px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-timepicker button:hover { .p-datepicker .p-timepicker button:enabled:hover {
color: #dedede; color: #dedede;
border-color: transparent;
background: 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 { .p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em; margin-top: 0.2em;
} }
@ -287,10 +300,6 @@
padding-right: 0; padding-right: 0;
border-right: 0 none; border-right: 0 none;
} }
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: #dedede;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: #4c4c4c; background: #4c4c4c;
} }
@ -897,20 +906,24 @@
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close { .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #888888; color: #8888;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 3px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: #dedede; color: #dedede;
border-color: transparent; border-color: transparent;
background: 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 { .p-multiselect-panel .p-multiselect-items {
padding: 0; padding: 0;
} }
@ -1612,20 +1625,26 @@
.p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
background: transparent;
border: 0 none;
color: #888888;
border-radius: 50%;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #8888;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin: 0.5rem; margin: 0 0.5rem;
} }
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover, .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover { .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
background: #4c4c4c; color: #dedede;
border-color: transparent; border-color: transparent;
color: #888888; 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 { .p-carousel .p-carousel-indicators {
padding: 1rem; padding: 1rem;
@ -1734,23 +1753,41 @@
border-width: 1px; border-width: 1px;
padding: 0.571rem 0.857rem; padding: 0.571rem 0.857rem;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler { .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
color: #888888; .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: #8888;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover { .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; 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.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: #81D4FA; background: #81D4FA;
color: #212529; color: #212529;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: #212529;
}
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: #212529;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 #81D4FA; box-shadow: inset 0 2px 0 0 #81D4FA;
} }
@ -2064,20 +2101,15 @@
padding: 0.571rem 1rem; padding: 0.571rem 1rem;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler { .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
bottom: -0.7em; background: inherit;
margin-left: -0.46em; color: inherit;
color: #888888; border-radius: 50%;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.1rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: #dedede;
}
.p-paginator { .p-paginator {
background: #252525; background: #252525;
@ -2244,11 +2276,23 @@
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem; margin-right: 0.5rem;
color: #888888; width: 2rem;
height: 2rem;
color: #8888;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: #dedede; 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 { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2381,12 +2425,24 @@
padding: 0.571rem 0.857rem; padding: 0.571rem 0.857rem;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
color: #888888; width: 2rem;
margin-right: 0.5rem; height: 2rem;
color: #8888;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: #dedede; 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 { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2564,7 +2620,7 @@
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
@ -2598,15 +2654,15 @@
font-weight: 700; font-weight: 700;
} }
.p-panel .p-panel-header .p-panel-header-icon { .p-panel .p-panel-header .p-panel-header-icon {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #888888; color: #8888;
background: transparent;
border: 0 none; border: 0 none;
border-radius: 3px; background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-panel .p-panel-header .p-panel-header-icon:hover { .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: #dedede; color: #dedede;
border-color: transparent; border-color: transparent;
background: transparent; background: transparent;
@ -2714,16 +2770,16 @@
font-size: 1rem; font-size: 1rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon { .p-dialog .p-dialog-header .p-dialog-header-icon {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #888888; color: #8888;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 3px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:hover { .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: #dedede; color: #dedede;
border-color: transparent; border-color: transparent;
background: transparent; background: transparent;
@ -2771,19 +2827,17 @@
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #81D4FA; background: #81D4FA;
border: 0 none;
color: #212529; color: #212529;
width: 1.538rem; width: 2rem;
height: 1.538rem; height: 2rem;
position: absolute;
top: -0.769rem;
right: -0.769rem;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: #29B6F6; background: #4FC3F7;
border-color: transparent;
color: #212529; color: #212529;
} }
.p-overlaypanel:after { .p-overlaypanel:after {
@ -2811,18 +2865,23 @@
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
} }
.p-sidebar .p-sidebar-close { .p-sidebar .p-sidebar-close {
background: #81D4FA; width: 2rem;
height: 2rem;
color: #8888;
border: 0 none; border: 0 none;
color: #212529; background: transparent;
width: 1.538rem;
height: 1.538rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-sidebar .p-sidebar-close:hover { .p-sidebar .p-sidebar-close:enabled:hover {
background: #29B6F6; color: #dedede;
border-color: transparent; border-color: transparent;
color: #212529; background: transparent;
}
.p-sidebar .p-sidebar-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
} }
.p-sidebar-mask.p-component-overlay { .p-sidebar-mask.p-component-overlay {
@ -3301,21 +3360,15 @@
} }
.p-menubar .p-menubar-button { .p-menubar .p-menubar-button {
display: flex; display: flex;
color: #888888;
background: transparent;
border: 0 none;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #dedede;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i {
font-size: 1rem;
}
.p-menubar .p-menubar-button:hover { .p-menubar .p-menubar-button:hover {
color: #dedede; color: #dedede;
background: transparent; background: #4c4c4c;
border-color: transparent;
} }
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
@ -3733,6 +3786,21 @@
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem; 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 { .p-message.p-message-info {
background: #7fbcec; background: #7fbcec;
border: 0 none; border: 0 none;
@ -3743,7 +3811,6 @@
color: #212121; color: #212121;
} }
.p-message.p-message-info .p-message-close { .p-message.p-message-info .p-message-close {
background: #7fbcec;
color: #212121; color: #212121;
} }
.p-message.p-message-success { .p-message.p-message-success {
@ -3756,7 +3823,6 @@
color: #212121; color: #212121;
} }
.p-message.p-message-success .p-message-close { .p-message.p-message-success .p-message-close {
background: #b7d8b7;
color: #212121; color: #212121;
} }
.p-message.p-message-warn { .p-message.p-message-warn {
@ -3769,7 +3835,6 @@
color: #212121; color: #212121;
} }
.p-message.p-message-warn .p-message-close { .p-message.p-message-warn .p-message-close {
background: #ffe399;
color: #212121; color: #212121;
} }
.p-message.p-message-error { .p-message.p-message-error {
@ -3782,23 +3847,8 @@
color: #212121; color: #212121;
} }
.p-message.p-message-error .p-message-close { .p-message.p-message-error .p-message-close {
background: #f8b7bd;
color: #212121; color: #212121;
} }
.p-message .p-message-close {
border-radius: 3px;
width: auto;
height: auto;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: transparent;
}
.p-message .p-message-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
}
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
font-weight: normal; font-weight: normal;
@ -3833,13 +3883,19 @@
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
} }
.p-toast .p-toast-item-container .p-toast-icon-close { .p-toast .p-toast-item-container .p-toast-icon-close {
border-radius: 3px; width: 2rem;
width: auto; height: 2rem;
height: auto; border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-toast .p-toast-item-container .p-toast-icon-close:hover { .p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: transparent; background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
} }
.p-toast .p-toast-item-container.p-toast-message-info { .p-toast .p-toast-item-container.p-toast-message-info {
background: #7fbcec; background: #7fbcec;

View File

@ -3,7 +3,7 @@
--surface-a: #191919; --surface-a: #191919;
--surface-b: #191919; --surface-b: #191919;
--surface-c: #4c4c4c; --surface-c: #4c4c4c;
--surface-d: #2f2f2f; --surface-d: #4b4b4b;
--surface-e: #323232; --surface-e: #323232;
--surface-f: #323232; --surface-f: #323232;
--text-color: #dedede; --text-color: #dedede;
@ -158,20 +158,26 @@
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next { .p-datepicker .p-datepicker-header .p-datepicker-next {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #888888; color: #8888;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 3px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover, .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover { .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: #dedede; color: #dedede;
border-color: transparent; border-color: transparent;
background: 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 { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 1;
} }
@ -238,17 +244,24 @@
padding: 0.857rem 0 0.429rem 0; padding: 0.857rem 0 0.429rem 0;
} }
.p-datepicker .p-timepicker button { .p-datepicker .p-timepicker button {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #888888; color: #8888;
border: 0 none;
background: transparent; background: transparent;
border-radius: 3px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-timepicker button:hover { .p-datepicker .p-timepicker button:enabled:hover {
color: #dedede; color: #dedede;
border-color: transparent;
background: 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 { .p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em; margin-top: 0.2em;
} }
@ -287,10 +300,6 @@
padding-right: 0; padding-right: 0;
border-right: 0 none; border-right: 0 none;
} }
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: #dedede;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: #4c4c4c; background: #4c4c4c;
} }
@ -897,20 +906,24 @@
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close { .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #888888; color: #8888;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 3px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: #dedede; color: #dedede;
border-color: transparent; border-color: transparent;
background: 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 { .p-multiselect-panel .p-multiselect-items {
padding: 0; padding: 0;
} }
@ -1612,20 +1625,26 @@
.p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
background: transparent;
border: 0 none;
color: #888888;
border-radius: 50%;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #8888;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin: 0.5rem; margin: 0 0.5rem;
} }
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover, .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover { .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
background: #4c4c4c; color: #dedede;
border-color: transparent; border-color: transparent;
color: #888888; 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 { .p-carousel .p-carousel-indicators {
padding: 1rem; padding: 1rem;
@ -1734,23 +1753,41 @@
border-width: 1px; border-width: 1px;
padding: 0.571rem 0.857rem; padding: 0.571rem 0.857rem;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler { .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
color: #888888; .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: #8888;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover { .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; 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.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: #C5E1A5; background: #C5E1A5;
color: #212529; color: #212529;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: #212529;
}
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: #212529;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 #C5E1A5; box-shadow: inset 0 2px 0 0 #C5E1A5;
} }
@ -2064,20 +2101,15 @@
padding: 0.571rem 1rem; padding: 0.571rem 1rem;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler { .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
bottom: -0.7em; background: inherit;
margin-left: -0.46em; color: inherit;
color: #888888; border-radius: 50%;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.1rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: #dedede;
}
.p-paginator { .p-paginator {
background: #252525; background: #252525;
@ -2244,11 +2276,23 @@
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem; margin-right: 0.5rem;
color: #888888; width: 2rem;
height: 2rem;
color: #8888;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: #dedede; 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 { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2381,12 +2425,24 @@
padding: 0.571rem 0.857rem; padding: 0.571rem 0.857rem;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
color: #888888; width: 2rem;
margin-right: 0.5rem; height: 2rem;
color: #8888;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: #dedede; 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 { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2564,7 +2620,7 @@
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
@ -2598,15 +2654,15 @@
font-weight: 700; font-weight: 700;
} }
.p-panel .p-panel-header .p-panel-header-icon { .p-panel .p-panel-header .p-panel-header-icon {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #888888; color: #8888;
background: transparent;
border: 0 none; border: 0 none;
border-radius: 3px; background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-panel .p-panel-header .p-panel-header-icon:hover { .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: #dedede; color: #dedede;
border-color: transparent; border-color: transparent;
background: transparent; background: transparent;
@ -2714,16 +2770,16 @@
font-size: 1rem; font-size: 1rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon { .p-dialog .p-dialog-header .p-dialog-header-icon {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #888888; color: #8888;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 3px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:hover { .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: #dedede; color: #dedede;
border-color: transparent; border-color: transparent;
background: transparent; background: transparent;
@ -2771,19 +2827,17 @@
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #C5E1A5; background: #C5E1A5;
border: 0 none;
color: #212529; color: #212529;
width: 1.538rem; width: 2rem;
height: 1.538rem; height: 2rem;
position: absolute;
top: -0.769rem;
right: -0.769rem;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: #9CCC65; background: #AED581;
border-color: transparent;
color: #212529; color: #212529;
} }
.p-overlaypanel:after { .p-overlaypanel:after {
@ -2811,18 +2865,23 @@
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
} }
.p-sidebar .p-sidebar-close { .p-sidebar .p-sidebar-close {
background: #C5E1A5; width: 2rem;
height: 2rem;
color: #8888;
border: 0 none; border: 0 none;
color: #212529; background: transparent;
width: 1.538rem;
height: 1.538rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-sidebar .p-sidebar-close:hover { .p-sidebar .p-sidebar-close:enabled:hover {
background: #9CCC65; color: #dedede;
border-color: transparent; border-color: transparent;
color: #212529; background: transparent;
}
.p-sidebar .p-sidebar-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
} }
.p-sidebar-mask.p-component-overlay { .p-sidebar-mask.p-component-overlay {
@ -3301,21 +3360,15 @@
} }
.p-menubar .p-menubar-button { .p-menubar .p-menubar-button {
display: flex; display: flex;
color: #888888;
background: transparent;
border: 0 none;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #dedede;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i {
font-size: 1rem;
}
.p-menubar .p-menubar-button:hover { .p-menubar .p-menubar-button:hover {
color: #dedede; color: #dedede;
background: transparent; background: #4c4c4c;
border-color: transparent;
} }
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
@ -3733,6 +3786,21 @@
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem; 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 { .p-message.p-message-info {
background: #7fbcec; background: #7fbcec;
border: 0 none; border: 0 none;
@ -3743,7 +3811,6 @@
color: #212121; color: #212121;
} }
.p-message.p-message-info .p-message-close { .p-message.p-message-info .p-message-close {
background: #7fbcec;
color: #212121; color: #212121;
} }
.p-message.p-message-success { .p-message.p-message-success {
@ -3756,7 +3823,6 @@
color: #212121; color: #212121;
} }
.p-message.p-message-success .p-message-close { .p-message.p-message-success .p-message-close {
background: #b7d8b7;
color: #212121; color: #212121;
} }
.p-message.p-message-warn { .p-message.p-message-warn {
@ -3769,7 +3835,6 @@
color: #212121; color: #212121;
} }
.p-message.p-message-warn .p-message-close { .p-message.p-message-warn .p-message-close {
background: #ffe399;
color: #212121; color: #212121;
} }
.p-message.p-message-error { .p-message.p-message-error {
@ -3782,23 +3847,8 @@
color: #212121; color: #212121;
} }
.p-message.p-message-error .p-message-close { .p-message.p-message-error .p-message-close {
background: #f8b7bd;
color: #212121; color: #212121;
} }
.p-message .p-message-close {
border-radius: 3px;
width: auto;
height: auto;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: transparent;
}
.p-message .p-message-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
}
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
font-weight: normal; font-weight: normal;
@ -3833,13 +3883,19 @@
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
} }
.p-toast .p-toast-item-container .p-toast-icon-close { .p-toast .p-toast-item-container .p-toast-icon-close {
border-radius: 3px; width: 2rem;
width: auto; height: 2rem;
height: auto; border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-toast .p-toast-item-container .p-toast-icon-close:hover { .p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: transparent; background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
} }
.p-toast .p-toast-item-container.p-toast-message-info { .p-toast .p-toast-item-container.p-toast-message-info {
background: #7fbcec; background: #7fbcec;

View File

@ -3,7 +3,7 @@
--surface-a: #191919; --surface-a: #191919;
--surface-b: #191919; --surface-b: #191919;
--surface-c: #4c4c4c; --surface-c: #4c4c4c;
--surface-d: #2f2f2f; --surface-d: #4b4b4b;
--surface-e: #323232; --surface-e: #323232;
--surface-f: #323232; --surface-f: #323232;
--text-color: #dedede; --text-color: #dedede;
@ -158,20 +158,26 @@
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next { .p-datepicker .p-datepicker-header .p-datepicker-next {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #888888; color: #8888;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 3px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover, .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover { .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: #dedede; color: #dedede;
border-color: transparent; border-color: transparent;
background: 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 { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 1;
} }
@ -238,17 +244,24 @@
padding: 0.857rem 0 0.429rem 0; padding: 0.857rem 0 0.429rem 0;
} }
.p-datepicker .p-timepicker button { .p-datepicker .p-timepicker button {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #888888; color: #8888;
border: 0 none;
background: transparent; background: transparent;
border-radius: 3px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-timepicker button:hover { .p-datepicker .p-timepicker button:enabled:hover {
color: #dedede; color: #dedede;
border-color: transparent;
background: 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 { .p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em; margin-top: 0.2em;
} }
@ -287,10 +300,6 @@
padding-right: 0; padding-right: 0;
border-right: 0 none; border-right: 0 none;
} }
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: #dedede;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: #4c4c4c; background: #4c4c4c;
} }
@ -897,20 +906,24 @@
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close { .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #888888; color: #8888;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 3px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: #dedede; color: #dedede;
border-color: transparent; border-color: transparent;
background: 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 { .p-multiselect-panel .p-multiselect-items {
padding: 0; padding: 0;
} }
@ -1612,20 +1625,26 @@
.p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
background: transparent;
border: 0 none;
color: #888888;
border-radius: 50%;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #8888;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin: 0.5rem; margin: 0 0.5rem;
} }
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover, .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover { .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
background: #4c4c4c; color: #dedede;
border-color: transparent; border-color: transparent;
color: #888888; 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 { .p-carousel .p-carousel-indicators {
padding: 1rem; padding: 1rem;
@ -1734,23 +1753,41 @@
border-width: 1px; border-width: 1px;
padding: 0.571rem 0.857rem; padding: 0.571rem 0.857rem;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler { .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
color: #888888; .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: #8888;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover { .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; 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.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: #F48FB1; background: #F48FB1;
color: #212529; color: #212529;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: #212529;
}
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: #212529;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 #F48FB1; box-shadow: inset 0 2px 0 0 #F48FB1;
} }
@ -2064,20 +2101,15 @@
padding: 0.571rem 1rem; padding: 0.571rem 1rem;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler { .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
bottom: -0.7em; background: inherit;
margin-left: -0.46em; color: inherit;
color: #888888; border-radius: 50%;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.1rem white; box-shadow: 0 0 0 0.1rem white;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: #dedede;
}
.p-paginator { .p-paginator {
background: #252525; background: #252525;
@ -2244,11 +2276,23 @@
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem; margin-right: 0.5rem;
color: #888888; width: 2rem;
height: 2rem;
color: #8888;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: #dedede; 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 { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2381,12 +2425,24 @@
padding: 0.571rem 0.857rem; padding: 0.571rem 0.857rem;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
color: #888888; width: 2rem;
margin-right: 0.5rem; height: 2rem;
color: #8888;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: #dedede; 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 { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2564,7 +2620,7 @@
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
@ -2598,15 +2654,15 @@
font-weight: 700; font-weight: 700;
} }
.p-panel .p-panel-header .p-panel-header-icon { .p-panel .p-panel-header .p-panel-header-icon {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #888888; color: #8888;
background: transparent;
border: 0 none; border: 0 none;
border-radius: 3px; background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-panel .p-panel-header .p-panel-header-icon:hover { .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: #dedede; color: #dedede;
border-color: transparent; border-color: transparent;
background: transparent; background: transparent;
@ -2714,16 +2770,16 @@
font-size: 1rem; font-size: 1rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon { .p-dialog .p-dialog-header .p-dialog-header-icon {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #888888; color: #8888;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 3px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:hover { .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: #dedede; color: #dedede;
border-color: transparent; border-color: transparent;
background: transparent; background: transparent;
@ -2771,19 +2827,17 @@
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #F48FB1; background: #F48FB1;
border: 0 none;
color: #212529; color: #212529;
width: 1.538rem; width: 2rem;
height: 1.538rem; height: 2rem;
position: absolute;
top: -0.769rem;
right: -0.769rem;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: #EC407A; background: #F06292;
border-color: transparent;
color: #212529; color: #212529;
} }
.p-overlaypanel:after { .p-overlaypanel:after {
@ -2811,18 +2865,23 @@
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
} }
.p-sidebar .p-sidebar-close { .p-sidebar .p-sidebar-close {
background: #F48FB1; width: 2rem;
height: 2rem;
color: #8888;
border: 0 none; border: 0 none;
color: #212529; background: transparent;
width: 1.538rem;
height: 1.538rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-sidebar .p-sidebar-close:hover { .p-sidebar .p-sidebar-close:enabled:hover {
background: #EC407A; color: #dedede;
border-color: transparent; border-color: transparent;
color: #212529; background: transparent;
}
.p-sidebar .p-sidebar-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
} }
.p-sidebar-mask.p-component-overlay { .p-sidebar-mask.p-component-overlay {
@ -3301,21 +3360,15 @@
} }
.p-menubar .p-menubar-button { .p-menubar .p-menubar-button {
display: flex; display: flex;
color: #888888;
background: transparent;
border: 0 none;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #dedede;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i {
font-size: 1rem;
}
.p-menubar .p-menubar-button:hover { .p-menubar .p-menubar-button:hover {
color: #dedede; color: #dedede;
background: transparent; background: #4c4c4c;
border-color: transparent;
} }
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
@ -3733,6 +3786,21 @@
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem; 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 { .p-message.p-message-info {
background: #7fbcec; background: #7fbcec;
border: 0 none; border: 0 none;
@ -3743,7 +3811,6 @@
color: #212121; color: #212121;
} }
.p-message.p-message-info .p-message-close { .p-message.p-message-info .p-message-close {
background: #7fbcec;
color: #212121; color: #212121;
} }
.p-message.p-message-success { .p-message.p-message-success {
@ -3756,7 +3823,6 @@
color: #212121; color: #212121;
} }
.p-message.p-message-success .p-message-close { .p-message.p-message-success .p-message-close {
background: #b7d8b7;
color: #212121; color: #212121;
} }
.p-message.p-message-warn { .p-message.p-message-warn {
@ -3769,7 +3835,6 @@
color: #212121; color: #212121;
} }
.p-message.p-message-warn .p-message-close { .p-message.p-message-warn .p-message-close {
background: #ffe399;
color: #212121; color: #212121;
} }
.p-message.p-message-error { .p-message.p-message-error {
@ -3782,23 +3847,8 @@
color: #212121; color: #212121;
} }
.p-message.p-message-error .p-message-close { .p-message.p-message-error .p-message-close {
background: #f8b7bd;
color: #212121; color: #212121;
} }
.p-message .p-message-close {
border-radius: 3px;
width: auto;
height: auto;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: transparent;
}
.p-message .p-message-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
}
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
font-weight: normal; font-weight: normal;
@ -3833,13 +3883,19 @@
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
} }
.p-toast .p-toast-item-container .p-toast-icon-close { .p-toast .p-toast-item-container .p-toast-icon-close {
border-radius: 3px; width: 2rem;
width: auto; height: 2rem;
height: auto; border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-toast .p-toast-item-container .p-toast-icon-close:hover { .p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: transparent; background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
} }
.p-toast .p-toast-item-container.p-toast-message-info { .p-toast .p-toast-item-container.p-toast-message-info {
background: #7fbcec; background: #7fbcec;

View File

@ -190,12 +190,18 @@
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover, .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover { .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
} }
.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: none;
}
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 1;
} }
@ -265,14 +271,21 @@
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
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); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-timepicker button:hover { .p-datepicker .p-timepicker button:enabled:hover {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-color: transparent;
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
} }
.p-datepicker .p-timepicker button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-datepicker .p-timepicker button:last-child { .p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em; margin-top: 0.2em;
} }
@ -311,10 +324,6 @@
padding-right: 0; padding-right: 0;
border-right: 0 none; border-right: 0 none;
} }
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: rgba(255, 255, 255, 0.6);
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
} }
@ -924,13 +933,17 @@
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0; padding: 0;
} }
@ -1628,20 +1641,26 @@
.p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
background: transparent;
border: 0 none;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
color: rgba(255, 255, 255, 0.6); 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;
margin: 0 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
color: rgba(255, 255, 255, 0.6);
border-color: transparent;
background: rgba(255, 255, 255, 0.04);
}
.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: none;
} }
.p-carousel .p-carousel-indicators { .p-carousel .p-carousel-indicators {
padding: 1rem; padding: 1rem;
@ -1750,23 +1769,41 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler { .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: 3rem;
height: 3rem;
color: rgba(255, 255, 255, 0.6); 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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover { .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
color: rgba(255, 255, 255, 0.87); .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: rgba(255, 255, 255, 0.6);
border-color: transparent;
background: rgba(255, 255, 255, 0.04);
}
.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: none;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
margin-right: 0.5rem;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: rgba(206, 147, 216, 0.16); background: rgba(206, 147, 216, 0.16);
color: #CE93D8; color: #CE93D8;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: #CE93D8;
}
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: #CE93D8;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 rgba(206, 147, 216, 0.16); box-shadow: inset 0 2px 0 0 rgba(206, 147, 216, 0.16);
} }
@ -2080,20 +2117,15 @@
padding: 1rem; padding: 1rem;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler { .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
bottom: -0.7em; background: inherit;
margin-left: -0.46em; color: inherit;
color: rgba(255, 255, 255, 0.6); border-radius: 50%;
border-radius: 4px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: none; box-shadow: none;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
.p-paginator { .p-paginator {
background: #1e1e1e; background: #1e1e1e;
@ -2260,11 +2292,23 @@
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem; margin-right: 0.5rem;
width: 3rem;
height: 3rem;
color: rgba(255, 255, 255, 0.6); 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; 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:hover { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.6);
border-color: transparent;
background: rgba(255, 255, 255, 0.04);
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2397,12 +2441,24 @@
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
width: 3rem;
height: 3rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
margin-right: 0.5rem; border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.6);
border-color: transparent;
background: rgba(255, 255, 255, 0.04);
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2597,7 +2653,7 @@
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
transition: none; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem; padding: 1rem;
@ -2614,7 +2670,7 @@
box-shadow: none; box-shadow: none;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: rgba(0, 0, 0, 0.04); background: rgba(255, 255, 255, 0.04);
border-color: rgba(255, 255, 255, 0.12); border-color: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
@ -2631,18 +2687,18 @@
font-weight: 500; font-weight: 500;
} }
.p-panel .p-panel-header .p-panel-header-icon { .p-panel .p-panel-header .p-panel-header-icon {
width: 2.5rem; width: 3rem;
height: 2.5rem; height: 3rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
background: transparent;
border: 0 none; border: 0 none;
background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-panel .p-panel-header .p-panel-header-icon:hover { .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-color: transparent; border-color: transparent;
background: rgba(0, 0, 0, 0.04); background: rgba(255, 255, 255, 0.04);
} }
.p-panel .p-panel-header .p-panel-header-icon:focus { .p-panel .p-panel-header .p-panel-header-icon:focus {
outline: 0 none; outline: 0 none;
@ -2756,7 +2812,7 @@
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:hover { .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
@ -2804,19 +2860,17 @@
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #CE93D8; background: #CE93D8;
border: 0 none;
color: #121212; color: #121212;
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 50%;
position: absolute; position: absolute;
top: -1.5rem; top: -1.5rem;
right: -1.5rem; right: -1.5rem;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-overlaypanel .p-overlaypanel-close:hover { .p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: rgba(206, 147, 216, 0.92); background: rgba(206, 147, 216, 0.92);
border-color: transparent;
color: #121212; color: #121212;
} }
.p-overlaypanel:after { .p-overlaypanel:after {
@ -2844,18 +2898,23 @@
box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
} }
.p-sidebar .p-sidebar-close { .p-sidebar .p-sidebar-close {
background: transparent;
border: 0 none;
color: rgba(255, 255, 255, 0.6);
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;
color: rgba(255, 255, 255, 0.6);
border: 0 none;
background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-sidebar .p-sidebar-close:hover { .p-sidebar .p-sidebar-close:enabled:hover {
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-color: transparent;
background: rgba(255, 255, 255, 0.04);
}
.p-sidebar .p-sidebar-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
} }
.p-sidebar-mask.p-component-overlay { .p-sidebar-mask.p-component-overlay {
@ -3048,7 +3107,7 @@
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.04); background: rgba(255, 255, 255, 0.04);
} }
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -3066,7 +3125,7 @@
} }
.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,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { .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); 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 .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-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
@ -3272,7 +3331,7 @@
margin-left: 0.5rem; 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 > .p-menuitem-link:not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.04); background: rgba(255, 255, 255, 0.04);
} }
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -3290,7 +3349,7 @@
} }
.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,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.04); 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 .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-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
@ -3334,21 +3393,15 @@
} }
.p-menubar .p-menubar-button { .p-menubar .p-menubar-button {
display: flex; display: flex;
color: rgba(255, 255, 255, 0.6);
background: transparent;
border: 0 none;
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i {
font-size: 1.5rem;
}
.p-menubar .p-menubar-button:hover { .p-menubar .p-menubar-button:hover {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
background: rgba(0, 0, 0, 0.04); background: rgba(255, 255, 255, 0.04);
border-color: transparent;
} }
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
@ -3783,6 +3836,21 @@
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1.25rem 1.5rem; padding: 1.25rem 1.5rem;
} }
.p-message .p-message-close {
width: 3rem;
height: 3rem;
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: none;
}
.p-message.p-message-info { .p-message.p-message-info {
background: #B3E5FC; background: #B3E5FC;
border: solid transparent; border: solid transparent;
@ -3793,7 +3861,6 @@
color: #01579B; color: #01579B;
} }
.p-message.p-message-info .p-message-close { .p-message.p-message-info .p-message-close {
background: #B3E5FC;
color: #01579B; color: #01579B;
} }
.p-message.p-message-success { .p-message.p-message-success {
@ -3806,7 +3873,6 @@
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-success .p-message-close { .p-message.p-message-success .p-message-close {
background: #C8E6C9;
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-warn { .p-message.p-message-warn {
@ -3819,7 +3885,6 @@
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-warn .p-message-close { .p-message.p-message-warn .p-message-close {
background: #FFECB3;
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-error { .p-message.p-message-error {
@ -3832,23 +3897,8 @@
color: #B71C1C; color: #B71C1C;
} }
.p-message.p-message-error .p-message-close { .p-message.p-message-error .p-message-close {
background: #FFCDD2;
color: #B71C1C; color: #B71C1C;
} }
.p-message .p-message-close {
border-radius: 50%;
width: 3rem;
height: 3rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: rgba(255, 255, 255, 0.2);
}
.p-message .p-message-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: 500;
@ -3883,13 +3933,19 @@
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
} }
.p-toast .p-toast-item-container .p-toast-icon-close { .p-toast .p-toast-item-container .p-toast-icon-close {
width: 3rem;
height: 3rem;
border-radius: 50%; border-radius: 50%;
width: 2rem; background: transparent;
height: 2rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-toast .p-toast-item-container .p-toast-icon-close:hover { .p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
} }
.p-toast .p-toast-item-container.p-toast-message-info { .p-toast .p-toast-item-container.p-toast-message-info {
background: #B3E5FC; background: #B3E5FC;
@ -4286,10 +4342,10 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
} }
.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover { .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
background: rgba(0, 0, 0, 0.04); background: rgba(255, 255, 255, 0.04);
} }
.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus { .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus {
background: rgba(0, 0, 0, 0.12); background: rgba(255, 255, 255, 0.12);
} }
.p-calendar-w-btn:not(.p-disabled):hover { .p-calendar-w-btn:not(.p-disabled):hover {
border-color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6);
@ -4349,7 +4405,7 @@
font-size: 0.875rem; font-size: 0.875rem;
} }
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38);
} }
.p-datepicker table td.p-datepicker-today.p-highlight { .p-datepicker table td.p-datepicker-today.p-highlight {
box-shadow: 0 0 0 1px rgba(206, 147, 216, 0.16); box-shadow: 0 0 0 1px rgba(206, 147, 216, 0.16);
@ -4468,10 +4524,10 @@
animation: checkbox-check 125ms 50ms linear forwards; animation: checkbox-check 125ms 50ms linear forwards;
} }
.p-checkbox:not(.p-checkbox-disabled):hover { .p-checkbox:not(.p-checkbox-disabled):hover {
box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04);
} }
.p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused { .p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused {
box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12);
} }
.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover { .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover {
box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.04); box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.04);
@ -4520,10 +4576,10 @@
border-color: #CE93D8; border-color: #CE93D8;
} }
.p-radiobutton:not(.p-radiobutton-disabled):hover { .p-radiobutton:not(.p-radiobutton-disabled):hover {
box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04);
} }
.p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused { .p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused {
box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12);
} }
.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover { .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover {
box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.04); box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.04);
@ -4574,20 +4630,20 @@
} }
.p-inputswitch .p-inputswitch-slider:before { .p-inputswitch .p-inputswitch-slider:before {
transition-property: transform; transition-property: box-shadow transform;
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); 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);
} }
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { .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); 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-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-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); 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 { .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(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); 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-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-inputswitch-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(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); 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);
} }
.p-slider .p-slider-handle { .p-slider .p-slider-handle {

View File

@ -190,12 +190,18 @@
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover, .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover { .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
} }
.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: none;
}
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 1;
} }
@ -265,14 +271,21 @@
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
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); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-timepicker button:hover { .p-datepicker .p-timepicker button:enabled:hover {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-color: transparent;
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
} }
.p-datepicker .p-timepicker button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-datepicker .p-timepicker button:last-child { .p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em; margin-top: 0.2em;
} }
@ -311,10 +324,6 @@
padding-right: 0; padding-right: 0;
border-right: 0 none; border-right: 0 none;
} }
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: rgba(255, 255, 255, 0.6);
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
} }
@ -924,13 +933,17 @@
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0; padding: 0;
} }
@ -1628,20 +1641,26 @@
.p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
background: transparent;
border: 0 none;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
color: rgba(255, 255, 255, 0.6); 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;
margin: 0 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
color: rgba(255, 255, 255, 0.6);
border-color: transparent;
background: rgba(255, 255, 255, 0.04);
}
.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: none;
} }
.p-carousel .p-carousel-indicators { .p-carousel .p-carousel-indicators {
padding: 1rem; padding: 1rem;
@ -1750,23 +1769,41 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler { .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: 3rem;
height: 3rem;
color: rgba(255, 255, 255, 0.6); 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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover { .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
color: rgba(255, 255, 255, 0.87); .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: rgba(255, 255, 255, 0.6);
border-color: transparent;
background: rgba(255, 255, 255, 0.04);
}
.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: none;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
margin-right: 0.5rem;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: rgba(159, 168, 218, 0.16); background: rgba(159, 168, 218, 0.16);
color: #9FA8DA; color: #9FA8DA;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: #9FA8DA;
}
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: #9FA8DA;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 rgba(159, 168, 218, 0.16); box-shadow: inset 0 2px 0 0 rgba(159, 168, 218, 0.16);
} }
@ -2080,20 +2117,15 @@
padding: 1rem; padding: 1rem;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler { .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
bottom: -0.7em; background: inherit;
margin-left: -0.46em; color: inherit;
color: rgba(255, 255, 255, 0.6); border-radius: 50%;
border-radius: 4px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: none; box-shadow: none;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
.p-paginator { .p-paginator {
background: #1e1e1e; background: #1e1e1e;
@ -2260,11 +2292,23 @@
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem; margin-right: 0.5rem;
width: 3rem;
height: 3rem;
color: rgba(255, 255, 255, 0.6); 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; 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:hover { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.6);
border-color: transparent;
background: rgba(255, 255, 255, 0.04);
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2397,12 +2441,24 @@
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
width: 3rem;
height: 3rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
margin-right: 0.5rem; border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.6);
border-color: transparent;
background: rgba(255, 255, 255, 0.04);
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2597,7 +2653,7 @@
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
transition: none; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem; padding: 1rem;
@ -2614,7 +2670,7 @@
box-shadow: none; box-shadow: none;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: rgba(0, 0, 0, 0.04); background: rgba(255, 255, 255, 0.04);
border-color: rgba(255, 255, 255, 0.12); border-color: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
@ -2631,18 +2687,18 @@
font-weight: 500; font-weight: 500;
} }
.p-panel .p-panel-header .p-panel-header-icon { .p-panel .p-panel-header .p-panel-header-icon {
width: 2.5rem; width: 3rem;
height: 2.5rem; height: 3rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
background: transparent;
border: 0 none; border: 0 none;
background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-panel .p-panel-header .p-panel-header-icon:hover { .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-color: transparent; border-color: transparent;
background: rgba(0, 0, 0, 0.04); background: rgba(255, 255, 255, 0.04);
} }
.p-panel .p-panel-header .p-panel-header-icon:focus { .p-panel .p-panel-header .p-panel-header-icon:focus {
outline: 0 none; outline: 0 none;
@ -2756,7 +2812,7 @@
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:hover { .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
@ -2804,19 +2860,17 @@
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #9FA8DA; background: #9FA8DA;
border: 0 none;
color: #121212; color: #121212;
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 50%;
position: absolute; position: absolute;
top: -1.5rem; top: -1.5rem;
right: -1.5rem; right: -1.5rem;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-overlaypanel .p-overlaypanel-close:hover { .p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: rgba(159, 168, 218, 0.92); background: rgba(159, 168, 218, 0.92);
border-color: transparent;
color: #121212; color: #121212;
} }
.p-overlaypanel:after { .p-overlaypanel:after {
@ -2844,18 +2898,23 @@
box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
} }
.p-sidebar .p-sidebar-close { .p-sidebar .p-sidebar-close {
background: transparent;
border: 0 none;
color: rgba(255, 255, 255, 0.6);
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;
color: rgba(255, 255, 255, 0.6);
border: 0 none;
background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-sidebar .p-sidebar-close:hover { .p-sidebar .p-sidebar-close:enabled:hover {
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-color: transparent;
background: rgba(255, 255, 255, 0.04);
}
.p-sidebar .p-sidebar-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
} }
.p-sidebar-mask.p-component-overlay { .p-sidebar-mask.p-component-overlay {
@ -3048,7 +3107,7 @@
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.04); background: rgba(255, 255, 255, 0.04);
} }
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -3066,7 +3125,7 @@
} }
.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,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { .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); 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 .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-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
@ -3272,7 +3331,7 @@
margin-left: 0.5rem; 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 > .p-menuitem-link:not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.04); background: rgba(255, 255, 255, 0.04);
} }
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -3290,7 +3349,7 @@
} }
.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,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.04); 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 .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-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
@ -3334,21 +3393,15 @@
} }
.p-menubar .p-menubar-button { .p-menubar .p-menubar-button {
display: flex; display: flex;
color: rgba(255, 255, 255, 0.6);
background: transparent;
border: 0 none;
width: 3rem; width: 3rem;
height: 3rem; height: 3rem;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i {
font-size: 1.5rem;
}
.p-menubar .p-menubar-button:hover { .p-menubar .p-menubar-button:hover {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
background: rgba(0, 0, 0, 0.04); background: rgba(255, 255, 255, 0.04);
border-color: transparent;
} }
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
@ -3783,6 +3836,21 @@
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1.25rem 1.5rem; padding: 1.25rem 1.5rem;
} }
.p-message .p-message-close {
width: 3rem;
height: 3rem;
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: none;
}
.p-message.p-message-info { .p-message.p-message-info {
background: #B3E5FC; background: #B3E5FC;
border: solid transparent; border: solid transparent;
@ -3793,7 +3861,6 @@
color: #01579B; color: #01579B;
} }
.p-message.p-message-info .p-message-close { .p-message.p-message-info .p-message-close {
background: #B3E5FC;
color: #01579B; color: #01579B;
} }
.p-message.p-message-success { .p-message.p-message-success {
@ -3806,7 +3873,6 @@
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-success .p-message-close { .p-message.p-message-success .p-message-close {
background: #C8E6C9;
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-warn { .p-message.p-message-warn {
@ -3819,7 +3885,6 @@
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-warn .p-message-close { .p-message.p-message-warn .p-message-close {
background: #FFECB3;
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-error { .p-message.p-message-error {
@ -3832,23 +3897,8 @@
color: #B71C1C; color: #B71C1C;
} }
.p-message.p-message-error .p-message-close { .p-message.p-message-error .p-message-close {
background: #FFCDD2;
color: #B71C1C; color: #B71C1C;
} }
.p-message .p-message-close {
border-radius: 50%;
width: 3rem;
height: 3rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: rgba(255, 255, 255, 0.2);
}
.p-message .p-message-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: 500;
@ -3883,13 +3933,19 @@
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
} }
.p-toast .p-toast-item-container .p-toast-icon-close { .p-toast .p-toast-item-container .p-toast-icon-close {
width: 3rem;
height: 3rem;
border-radius: 50%; border-radius: 50%;
width: 2rem; background: transparent;
height: 2rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-toast .p-toast-item-container .p-toast-icon-close:hover { .p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
} }
.p-toast .p-toast-item-container.p-toast-message-info { .p-toast .p-toast-item-container.p-toast-message-info {
background: #B3E5FC; background: #B3E5FC;
@ -4286,10 +4342,10 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
} }
.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover { .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
background: rgba(0, 0, 0, 0.04); background: rgba(255, 255, 255, 0.04);
} }
.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus { .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus {
background: rgba(0, 0, 0, 0.12); background: rgba(255, 255, 255, 0.12);
} }
.p-calendar-w-btn:not(.p-disabled):hover { .p-calendar-w-btn:not(.p-disabled):hover {
border-color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6);
@ -4349,7 +4405,7 @@
font-size: 0.875rem; font-size: 0.875rem;
} }
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38);
} }
.p-datepicker table td.p-datepicker-today.p-highlight { .p-datepicker table td.p-datepicker-today.p-highlight {
box-shadow: 0 0 0 1px rgba(159, 168, 218, 0.16); box-shadow: 0 0 0 1px rgba(159, 168, 218, 0.16);
@ -4468,10 +4524,10 @@
animation: checkbox-check 125ms 50ms linear forwards; animation: checkbox-check 125ms 50ms linear forwards;
} }
.p-checkbox:not(.p-checkbox-disabled):hover { .p-checkbox:not(.p-checkbox-disabled):hover {
box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04);
} }
.p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused { .p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused {
box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12);
} }
.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover { .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover {
box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04); box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04);
@ -4520,10 +4576,10 @@
border-color: #9FA8DA; border-color: #9FA8DA;
} }
.p-radiobutton:not(.p-radiobutton-disabled):hover { .p-radiobutton:not(.p-radiobutton-disabled):hover {
box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04);
} }
.p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused { .p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused {
box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12);
} }
.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover { .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover {
box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04); box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04);
@ -4574,20 +4630,20 @@
} }
.p-inputswitch .p-inputswitch-slider:before { .p-inputswitch .p-inputswitch-slider:before {
transition-property: transform; transition-property: box-shadow transform;
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); 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);
} }
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { .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); 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-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-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); 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 { .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(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); 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-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-inputswitch-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(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); 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);
} }
.p-slider .p-slider-handle { .p-slider .p-slider-handle {

View File

@ -182,20 +182,26 @@
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next { .p-datepicker .p-datepicker-header .p-datepicker-next {
width: 3rem; width: 2.5rem;
height: 3rem; height: 2.5rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover, .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover { .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border-color: transparent; border-color: transparent;
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
} }
.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: none;
}
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 1;
} }
@ -262,17 +268,24 @@
padding: 0.5rem; padding: 0.5rem;
} }
.p-datepicker .p-timepicker button { .p-datepicker .p-timepicker button {
width: 3rem; width: 2.5rem;
height: 3rem; height: 2.5rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
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); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-timepicker button:hover { .p-datepicker .p-timepicker button:enabled:hover {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border-color: transparent;
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
} }
.p-datepicker .p-timepicker button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-datepicker .p-timepicker button:last-child { .p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em; margin-top: 0.2em;
} }
@ -311,10 +324,6 @@
padding-right: 0; padding-right: 0;
border-right: 0 none; border-right: 0 none;
} }
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: rgba(0, 0, 0, 0.6);
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
} }
@ -917,20 +926,24 @@
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close { .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
width: 3rem; width: 2.5rem;
height: 3rem; height: 2.5rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border-color: transparent; border-color: transparent;
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0; padding: 0;
} }
@ -1628,20 +1641,26 @@
.p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
background: #ffffff; width: 2.5rem;
height: 2.5rem;
color: rgba(0, 0, 0, 0.6);
border: 0 none; border: 0 none;
color: rgba(0, 0, 0, 0.6); background: transparent;
border-radius: 50%; border-radius: 50%;
width: 3rem;
height: 3rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin: 0.5rem; margin: 0 0.5rem;
} }
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover, .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover { .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
background: rgba(0, 0, 0, 0.04);
border-color: transparent;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border-color: transparent;
background: rgba(0, 0, 0, 0.04);
}
.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: none;
} }
.p-carousel .p-carousel-indicators { .p-carousel .p-carousel-indicators {
padding: 1rem; padding: 1rem;
@ -1750,23 +1769,41 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler { .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: 2.5rem;
height: 2.5rem;
color: rgba(0, 0, 0, 0.6); 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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover { .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
color: #000001; .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: rgba(0, 0, 0, 0.6);
border-color: transparent;
background: rgba(0, 0, 0, 0.04);
}
.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: none;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
margin-right: 0.5rem;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: rgba(103, 58, 183, 0.12); background: rgba(103, 58, 183, 0.12);
color: #673AB7; color: #673AB7;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: #673AB7;
}
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: #673AB7;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 rgba(103, 58, 183, 0.12); box-shadow: inset 0 2px 0 0 rgba(103, 58, 183, 0.12);
} }
@ -2080,20 +2117,15 @@
padding: 1rem; padding: 1rem;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler { .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
bottom: -0.7em; background: inherit;
margin-left: -0.46em; color: inherit;
color: rgba(0, 0, 0, 0.6); border-radius: 50%;
border-radius: 4px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: none; box-shadow: none;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: #000001;
}
.p-paginator { .p-paginator {
background: #ffffff; background: #ffffff;
@ -2260,11 +2292,23 @@
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem; margin-right: 0.5rem;
width: 2.5rem;
height: 2.5rem;
color: rgba(0, 0, 0, 0.6); 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; 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:hover { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: #000001; color: rgba(0, 0, 0, 0.6);
border-color: transparent;
background: rgba(0, 0, 0, 0.04);
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2397,12 +2441,24 @@
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
width: 2.5rem;
height: 2.5rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
margin-right: 0.5rem; border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: #000001; color: rgba(0, 0, 0, 0.6);
border-color: transparent;
background: rgba(0, 0, 0, 0.04);
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2597,7 +2653,7 @@
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
transition: none; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem; padding: 1rem;
@ -2634,12 +2690,12 @@
width: 2.5rem; width: 2.5rem;
height: 2.5rem; height: 2.5rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
background: transparent;
border: 0 none; border: 0 none;
background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-panel .p-panel-header .p-panel-header-icon:hover { .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border-color: transparent; border-color: transparent;
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
@ -2747,8 +2803,8 @@
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon { .p-dialog .p-dialog-header .p-dialog-header-icon {
width: 3rem; width: 2.5rem;
height: 3rem; height: 2.5rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border: 0 none; border: 0 none;
background: transparent; background: transparent;
@ -2756,7 +2812,7 @@
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:hover { .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border-color: transparent; border-color: transparent;
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
@ -2804,19 +2860,17 @@
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #673AB7; background: #673AB7;
border: 0 none;
color: #ffffff; color: #ffffff;
width: 3rem; width: 2.5rem;
height: 3rem; height: 2.5rem;
position: absolute;
top: -1.5rem;
right: -1.5rem;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 50%;
position: absolute;
top: -1.25rem;
right: -1.25rem;
} }
.p-overlaypanel .p-overlaypanel-close:hover { .p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: rgba(255, 255, 255, 0.92); background: rgba(103, 58, 183, 0.92);
border-color: transparent;
color: #ffffff; color: #ffffff;
} }
.p-overlaypanel:after { .p-overlaypanel:after {
@ -2844,18 +2898,23 @@
box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
} }
.p-sidebar .p-sidebar-close { .p-sidebar .p-sidebar-close {
background: transparent; width: 2.5rem;
border: 0 none; height: 2.5rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
width: 3rem; border: 0 none;
height: 3rem; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-sidebar .p-sidebar-close:hover { .p-sidebar .p-sidebar-close:enabled:hover {
background: rgba(0, 0, 0, 0.04);
border-color: transparent;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border-color: transparent;
background: rgba(0, 0, 0, 0.04);
}
.p-sidebar .p-sidebar-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
} }
.p-sidebar-mask.p-component-overlay { .p-sidebar-mask.p-component-overlay {
@ -3334,21 +3393,15 @@
} }
.p-menubar .p-menubar-button { .p-menubar .p-menubar-button {
display: flex; display: flex;
width: 2.5rem;
height: 2.5rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
background: transparent;
border: 0 none;
width: 3rem;
height: 3rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i {
font-size: 1.5rem;
}
.p-menubar .p-menubar-button:hover { .p-menubar .p-menubar-button:hover {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
border-color: transparent;
} }
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
@ -3783,6 +3836,21 @@
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1.25rem 1.5rem; padding: 1.25rem 1.5rem;
} }
.p-message .p-message-close {
width: 2.5rem;
height: 2.5rem;
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: none;
}
.p-message.p-message-info { .p-message.p-message-info {
background: #B3E5FC; background: #B3E5FC;
border: solid transparent; border: solid transparent;
@ -3793,7 +3861,6 @@
color: #01579B; color: #01579B;
} }
.p-message.p-message-info .p-message-close { .p-message.p-message-info .p-message-close {
background: #B3E5FC;
color: #01579B; color: #01579B;
} }
.p-message.p-message-success { .p-message.p-message-success {
@ -3806,7 +3873,6 @@
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-success .p-message-close { .p-message.p-message-success .p-message-close {
background: #C8E6C9;
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-warn { .p-message.p-message-warn {
@ -3819,7 +3885,6 @@
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-warn .p-message-close { .p-message.p-message-warn .p-message-close {
background: #FFECB3;
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-error { .p-message.p-message-error {
@ -3832,23 +3897,8 @@
color: #B71C1C; color: #B71C1C;
} }
.p-message.p-message-error .p-message-close { .p-message.p-message-error .p-message-close {
background: #FFCDD2;
color: #B71C1C; color: #B71C1C;
} }
.p-message .p-message-close {
border-radius: 50%;
width: 3rem;
height: 3rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: rgba(255, 255, 255, 0.2);
}
.p-message .p-message-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: 500;
@ -3883,13 +3933,19 @@
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
} }
.p-toast .p-toast-item-container .p-toast-icon-close { .p-toast .p-toast-item-container .p-toast-icon-close {
width: 2.5rem;
height: 2.5rem;
border-radius: 50%; border-radius: 50%;
width: 2rem; background: transparent;
height: 2rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-toast .p-toast-item-container .p-toast-icon-close:hover { .p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
} }
.p-toast .p-toast-item-container.p-toast-message-info { .p-toast .p-toast-item-container.p-toast-message-info {
background: #B3E5FC; background: #B3E5FC;
@ -4574,7 +4630,7 @@
} }
.p-inputswitch .p-inputswitch-slider:before { .p-inputswitch .p-inputswitch-slider:before {
transition-property: transform; transition-property: box-shadow transform;
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); 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-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before {

View File

@ -182,20 +182,26 @@
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next { .p-datepicker .p-datepicker-header .p-datepicker-next {
width: 3rem; width: 2.5rem;
height: 3rem; height: 2.5rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover, .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover { .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border-color: transparent; border-color: transparent;
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
} }
.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: none;
}
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 1;
} }
@ -262,17 +268,24 @@
padding: 0.5rem; padding: 0.5rem;
} }
.p-datepicker .p-timepicker button { .p-datepicker .p-timepicker button {
width: 3rem; width: 2.5rem;
height: 3rem; height: 2.5rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
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); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-timepicker button:hover { .p-datepicker .p-timepicker button:enabled:hover {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border-color: transparent;
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
} }
.p-datepicker .p-timepicker button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-datepicker .p-timepicker button:last-child { .p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em; margin-top: 0.2em;
} }
@ -311,10 +324,6 @@
padding-right: 0; padding-right: 0;
border-right: 0 none; border-right: 0 none;
} }
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: rgba(0, 0, 0, 0.6);
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
} }
@ -917,20 +926,24 @@
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close { .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
width: 3rem; width: 2.5rem;
height: 3rem; height: 2.5rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border-color: transparent; border-color: transparent;
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0; padding: 0;
} }
@ -1628,20 +1641,26 @@
.p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
background: #ffffff; width: 2.5rem;
height: 2.5rem;
color: rgba(0, 0, 0, 0.6);
border: 0 none; border: 0 none;
color: rgba(0, 0, 0, 0.6); background: transparent;
border-radius: 50%; border-radius: 50%;
width: 3rem;
height: 3rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin: 0.5rem; margin: 0 0.5rem;
} }
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover, .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover { .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
background: rgba(0, 0, 0, 0.04);
border-color: transparent;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border-color: transparent;
background: rgba(0, 0, 0, 0.04);
}
.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: none;
} }
.p-carousel .p-carousel-indicators { .p-carousel .p-carousel-indicators {
padding: 1rem; padding: 1rem;
@ -1750,23 +1769,41 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler { .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: 2.5rem;
height: 2.5rem;
color: rgba(0, 0, 0, 0.6); 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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover { .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
color: #000001; .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: rgba(0, 0, 0, 0.6);
border-color: transparent;
background: rgba(0, 0, 0, 0.04);
}
.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: none;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
margin-right: 0.5rem;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: rgba(63, 81, 181, 0.12); background: rgba(63, 81, 181, 0.12);
color: #3F51B5; color: #3F51B5;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: #3F51B5;
}
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: #3F51B5;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 rgba(63, 81, 181, 0.12); box-shadow: inset 0 2px 0 0 rgba(63, 81, 181, 0.12);
} }
@ -2080,20 +2117,15 @@
padding: 1rem; padding: 1rem;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler { .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
bottom: -0.7em; background: inherit;
margin-left: -0.46em; color: inherit;
color: rgba(0, 0, 0, 0.6); border-radius: 50%;
border-radius: 4px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: none; box-shadow: none;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: #000001;
}
.p-paginator { .p-paginator {
background: #ffffff; background: #ffffff;
@ -2260,11 +2292,23 @@
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem; margin-right: 0.5rem;
width: 2.5rem;
height: 2.5rem;
color: rgba(0, 0, 0, 0.6); 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; 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:hover { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: #000001; color: rgba(0, 0, 0, 0.6);
border-color: transparent;
background: rgba(0, 0, 0, 0.04);
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2397,12 +2441,24 @@
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
width: 2.5rem;
height: 2.5rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
margin-right: 0.5rem; border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: #000001; color: rgba(0, 0, 0, 0.6);
border-color: transparent;
background: rgba(0, 0, 0, 0.04);
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2597,7 +2653,7 @@
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
transition: none; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem; padding: 1rem;
@ -2634,12 +2690,12 @@
width: 2.5rem; width: 2.5rem;
height: 2.5rem; height: 2.5rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
background: transparent;
border: 0 none; border: 0 none;
background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-panel .p-panel-header .p-panel-header-icon:hover { .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border-color: transparent; border-color: transparent;
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
@ -2747,8 +2803,8 @@
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon { .p-dialog .p-dialog-header .p-dialog-header-icon {
width: 3rem; width: 2.5rem;
height: 3rem; height: 2.5rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border: 0 none; border: 0 none;
background: transparent; background: transparent;
@ -2756,7 +2812,7 @@
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:hover { .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border-color: transparent; border-color: transparent;
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
@ -2804,19 +2860,17 @@
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #3F51B5; background: #3F51B5;
border: 0 none;
color: #ffffff; color: #ffffff;
width: 3rem; width: 2.5rem;
height: 3rem; height: 2.5rem;
position: absolute;
top: -1.5rem;
right: -1.5rem;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 50%;
position: absolute;
top: -1.25rem;
right: -1.25rem;
} }
.p-overlaypanel .p-overlaypanel-close:hover { .p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: rgba(255, 255, 255, 0.92); background: rgba(63, 81, 181, 0.92);
border-color: transparent;
color: #ffffff; color: #ffffff;
} }
.p-overlaypanel:after { .p-overlaypanel:after {
@ -2844,18 +2898,23 @@
box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
} }
.p-sidebar .p-sidebar-close { .p-sidebar .p-sidebar-close {
background: transparent; width: 2.5rem;
border: 0 none; height: 2.5rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
width: 3rem; border: 0 none;
height: 3rem; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-sidebar .p-sidebar-close:hover { .p-sidebar .p-sidebar-close:enabled:hover {
background: rgba(0, 0, 0, 0.04);
border-color: transparent;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border-color: transparent;
background: rgba(0, 0, 0, 0.04);
}
.p-sidebar .p-sidebar-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
} }
.p-sidebar-mask.p-component-overlay { .p-sidebar-mask.p-component-overlay {
@ -3334,21 +3393,15 @@
} }
.p-menubar .p-menubar-button { .p-menubar .p-menubar-button {
display: flex; display: flex;
width: 2.5rem;
height: 2.5rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
background: transparent;
border: 0 none;
width: 3rem;
height: 3rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i {
font-size: 1.5rem;
}
.p-menubar .p-menubar-button:hover { .p-menubar .p-menubar-button:hover {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
border-color: transparent;
} }
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
@ -3783,6 +3836,21 @@
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1.25rem 1.5rem; padding: 1.25rem 1.5rem;
} }
.p-message .p-message-close {
width: 2.5rem;
height: 2.5rem;
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: none;
}
.p-message.p-message-info { .p-message.p-message-info {
background: #B3E5FC; background: #B3E5FC;
border: solid transparent; border: solid transparent;
@ -3793,7 +3861,6 @@
color: #01579B; color: #01579B;
} }
.p-message.p-message-info .p-message-close { .p-message.p-message-info .p-message-close {
background: #B3E5FC;
color: #01579B; color: #01579B;
} }
.p-message.p-message-success { .p-message.p-message-success {
@ -3806,7 +3873,6 @@
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-success .p-message-close { .p-message.p-message-success .p-message-close {
background: #C8E6C9;
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-warn { .p-message.p-message-warn {
@ -3819,7 +3885,6 @@
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-warn .p-message-close { .p-message.p-message-warn .p-message-close {
background: #FFECB3;
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-error { .p-message.p-message-error {
@ -3832,23 +3897,8 @@
color: #B71C1C; color: #B71C1C;
} }
.p-message.p-message-error .p-message-close { .p-message.p-message-error .p-message-close {
background: #FFCDD2;
color: #B71C1C; color: #B71C1C;
} }
.p-message .p-message-close {
border-radius: 50%;
width: 3rem;
height: 3rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: rgba(255, 255, 255, 0.2);
}
.p-message .p-message-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: 500;
@ -3883,13 +3933,19 @@
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
} }
.p-toast .p-toast-item-container .p-toast-icon-close { .p-toast .p-toast-item-container .p-toast-icon-close {
width: 2.5rem;
height: 2.5rem;
border-radius: 50%; border-radius: 50%;
width: 2rem; background: transparent;
height: 2rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-toast .p-toast-item-container .p-toast-icon-close:hover { .p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
} }
.p-toast .p-toast-item-container.p-toast-message-info { .p-toast .p-toast-item-container.p-toast-message-info {
background: #B3E5FC; background: #B3E5FC;
@ -4574,7 +4630,7 @@
} }
.p-inputswitch .p-inputswitch-slider:before { .p-inputswitch .p-inputswitch-slider:before {
transition-property: transform; transition-property: box-shadow transform;
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); 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-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before {

View File

@ -182,20 +182,26 @@
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next { .p-datepicker .p-datepicker-header .p-datepicker-next {
width: 2.25rem; width: 2rem;
height: 2.25rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover, .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover { .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
} }
.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: none;
}
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 1;
} }
@ -262,17 +268,24 @@
padding: 0.5rem; padding: 0.5rem;
} }
.p-datepicker .p-timepicker button { .p-datepicker .p-timepicker button {
width: 2.25rem; width: 2rem;
height: 2.25rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
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); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-timepicker button:hover { .p-datepicker .p-timepicker button:enabled:hover {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-color: transparent;
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
} }
.p-datepicker .p-timepicker button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-datepicker .p-timepicker button:last-child { .p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em; margin-top: 0.2em;
} }
@ -311,10 +324,6 @@
padding-right: 0; padding-right: 0;
border-right: 0 none; border-right: 0 none;
} }
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: rgba(255, 255, 255, 0.6);
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
} }
@ -917,20 +926,24 @@
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close { .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
width: 2.25rem; width: 2rem;
height: 0.2 0.25rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0; padding: 0;
} }
@ -1628,20 +1641,26 @@
.p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
background: transparent; width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
border: 0 none; border: 0 none;
color: rgba(255, 255, 255, 0.6); background: transparent;
border-radius: 50%; border-radius: 50%;
width: 2.25rem;
height: 2.25rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin: 0.5rem; margin: 0 0.5rem;
} }
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover, .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover { .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-color: transparent;
background: rgba(255, 255, 255, 0.04);
}
.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: none;
} }
.p-carousel .p-carousel-indicators { .p-carousel .p-carousel-indicators {
padding: 1rem; padding: 1rem;
@ -1750,23 +1769,41 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 0.75rem 0.75rem; padding: 0.75rem 0.75rem;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler { .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: rgba(255, 255, 255, 0.6); 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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover { .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
color: rgba(255, 255, 255, 0.87); .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: rgba(255, 255, 255, 0.6);
border-color: transparent;
background: rgba(255, 255, 255, 0.04);
}
.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: none;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
margin-right: 0.5rem;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: rgba(103, 58, 183, 0.16); background: rgba(103, 58, 183, 0.16);
color: #673AB7; color: #673AB7;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: #673AB7;
}
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: #673AB7;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 rgba(103, 58, 183, 0.16); box-shadow: inset 0 2px 0 0 rgba(103, 58, 183, 0.16);
} }
@ -2080,20 +2117,15 @@
padding: 0.75rem; padding: 0.75rem;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler { .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
bottom: -0.7em; background: inherit;
margin-left: -0.46em; color: inherit;
color: rgba(255, 255, 255, 0.6); border-radius: 50%;
border-radius: 4px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: none; box-shadow: none;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
.p-paginator { .p-paginator {
background: #1e1e1e; background: #1e1e1e;
@ -2260,11 +2292,23 @@
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem; margin-right: 0.5rem;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); 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; 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:hover { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.6);
border-color: transparent;
background: rgba(255, 255, 255, 0.04);
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2397,12 +2441,24 @@
padding: 0.75rem 0.75rem; padding: 0.75rem 0.75rem;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
margin-right: 0.5rem; border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.6);
border-color: transparent;
background: rgba(255, 255, 255, 0.04);
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2597,7 +2653,7 @@
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
transition: none; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 0.75rem; padding: 0.75rem;
@ -2614,7 +2670,7 @@
box-shadow: none; box-shadow: none;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: rgba(0, 0, 0, 0.04); background: rgba(255, 255, 255, 0.04);
border-color: rgba(255, 255, 255, 0.12); border-color: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
@ -2631,18 +2687,18 @@
font-weight: 500; font-weight: 500;
} }
.p-panel .p-panel-header .p-panel-header-icon { .p-panel .p-panel-header .p-panel-header-icon {
width: 2.5rem; width: 2rem;
height: 2.5rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
background: transparent;
border: 0 none; border: 0 none;
background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-panel .p-panel-header .p-panel-header-icon:hover { .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-color: transparent; border-color: transparent;
background: rgba(0, 0, 0, 0.04); background: rgba(255, 255, 255, 0.04);
} }
.p-panel .p-panel-header .p-panel-header-icon:focus { .p-panel .p-panel-header .p-panel-header-icon:focus {
outline: 0 none; outline: 0 none;
@ -2747,8 +2803,8 @@
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon { .p-dialog .p-dialog-header .p-dialog-header-icon {
width: 2.25rem; width: 2rem;
height: 2.25rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none; border: 0 none;
background: transparent; background: transparent;
@ -2756,7 +2812,7 @@
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:hover { .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
@ -2804,19 +2860,17 @@
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #673AB7; background: #673AB7;
border: 0 none;
color: #ffffff; color: #ffffff;
width: 2.25rem; width: 2rem;
height: 2.25rem; height: 2rem;
position: absolute;
top: -1.125rem;
right: -1.125rem;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: rgba(103, 58, 183, 0.92); background: rgba(103, 58, 183, 0.92);
border-color: transparent;
color: #ffffff; color: #ffffff;
} }
.p-overlaypanel:after { .p-overlaypanel:after {
@ -2844,18 +2898,23 @@
box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
} }
.p-sidebar .p-sidebar-close { .p-sidebar .p-sidebar-close {
background: transparent; width: 2rem;
border: 0 none; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.25rem; border: 0 none;
height: 2.25rem; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-sidebar .p-sidebar-close:hover { .p-sidebar .p-sidebar-close:enabled:hover {
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-color: transparent;
background: rgba(255, 255, 255, 0.04);
}
.p-sidebar .p-sidebar-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
} }
.p-sidebar-mask.p-component-overlay { .p-sidebar-mask.p-component-overlay {
@ -3048,7 +3107,7 @@
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.04); background: rgba(255, 255, 255, 0.04);
} }
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -3066,7 +3125,7 @@
} }
.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,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { .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); 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 .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-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
@ -3272,7 +3331,7 @@
margin-left: 0.5rem; 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 > .p-menuitem-link:not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.04); background: rgba(255, 255, 255, 0.04);
} }
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -3290,7 +3349,7 @@
} }
.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,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.04); 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 .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-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
@ -3334,21 +3393,15 @@
} }
.p-menubar .p-menubar-button { .p-menubar .p-menubar-button {
display: flex; display: flex;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
background: transparent;
border: 0 none;
width: 2.25rem;
height: 2.25rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i {
font-size: 1.5rem;
}
.p-menubar .p-menubar-button:hover { .p-menubar .p-menubar-button:hover {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
background: rgba(0, 0, 0, 0.04); background: rgba(255, 255, 255, 0.04);
border-color: transparent;
} }
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
@ -3783,6 +3836,21 @@
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.25rem; padding: 1rem 1.25rem;
} }
.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: none;
}
.p-message.p-message-info { .p-message.p-message-info {
background: #B3E5FC; background: #B3E5FC;
border: solid transparent; border: solid transparent;
@ -3793,7 +3861,6 @@
color: #01579B; color: #01579B;
} }
.p-message.p-message-info .p-message-close { .p-message.p-message-info .p-message-close {
background: #B3E5FC;
color: #01579B; color: #01579B;
} }
.p-message.p-message-success { .p-message.p-message-success {
@ -3806,7 +3873,6 @@
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-success .p-message-close { .p-message.p-message-success .p-message-close {
background: #C8E6C9;
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-warn { .p-message.p-message-warn {
@ -3819,7 +3885,6 @@
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-warn .p-message-close { .p-message.p-message-warn .p-message-close {
background: #FFECB3;
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-error { .p-message.p-message-error {
@ -3832,23 +3897,8 @@
color: #B71C1C; color: #B71C1C;
} }
.p-message.p-message-error .p-message-close { .p-message.p-message-error .p-message-close {
background: #FFCDD2;
color: #B71C1C; color: #B71C1C;
} }
.p-message .p-message-close {
border-radius: 50%;
width: 2.25rem;
height: 2.25rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: rgba(255, 255, 255, 0.2);
}
.p-message .p-message-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: 500;
@ -3883,13 +3933,19 @@
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
} }
.p-toast .p-toast-item-container .p-toast-icon-close { .p-toast .p-toast-item-container .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%; border-radius: 50%;
width: 1.5rem; background: transparent;
height: 1.5rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-toast .p-toast-item-container .p-toast-icon-close:hover { .p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
} }
.p-toast .p-toast-item-container.p-toast-message-info { .p-toast .p-toast-item-container.p-toast-message-info {
background: #B3E5FC; background: #B3E5FC;
@ -4286,10 +4342,10 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
} }
.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover { .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
background: rgba(0, 0, 0, 0.04); background: rgba(255, 255, 255, 0.04);
} }
.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus { .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus {
background: rgba(0, 0, 0, 0.12); background: rgba(255, 255, 255, 0.12);
} }
.p-calendar-w-btn:not(.p-disabled):hover { .p-calendar-w-btn:not(.p-disabled):hover {
border-color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6);
@ -4349,7 +4405,7 @@
font-size: 0.875rem; font-size: 0.875rem;
} }
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38);
} }
.p-datepicker table td.p-datepicker-today.p-highlight { .p-datepicker table td.p-datepicker-today.p-highlight {
box-shadow: 0 0 0 1px rgba(103, 58, 183, 0.16); box-shadow: 0 0 0 1px rgba(103, 58, 183, 0.16);
@ -4468,10 +4524,10 @@
animation: checkbox-check 125ms 50ms linear forwards; animation: checkbox-check 125ms 50ms linear forwards;
} }
.p-checkbox:not(.p-checkbox-disabled):hover { .p-checkbox:not(.p-checkbox-disabled):hover {
box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04);
} }
.p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused { .p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused {
box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12);
} }
.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover { .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover {
box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04); box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04);
@ -4520,10 +4576,10 @@
border-color: #673AB7; border-color: #673AB7;
} }
.p-radiobutton:not(.p-radiobutton-disabled):hover { .p-radiobutton:not(.p-radiobutton-disabled):hover {
box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04);
} }
.p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused { .p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused {
box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12);
} }
.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover { .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover {
box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04); box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04);
@ -4574,20 +4630,20 @@
} }
.p-inputswitch .p-inputswitch-slider:before { .p-inputswitch .p-inputswitch-slider:before {
transition-property: transform; transition-property: box-shadow transform;
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); 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);
} }
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { .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); 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-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-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); 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 { .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); box-shadow: 0 0 1px 10px rgba(103, 58, 183, 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-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-inputswitch-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); box-shadow: 0 0 1px 10px rgba(103, 58, 183, 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-slider .p-slider-handle { .p-slider .p-slider-handle {

View File

@ -182,20 +182,26 @@
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next { .p-datepicker .p-datepicker-header .p-datepicker-next {
width: 2.25rem; width: 2rem;
height: 2.25rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover, .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover { .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
} }
.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: none;
}
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 1;
} }
@ -262,17 +268,24 @@
padding: 0.5rem; padding: 0.5rem;
} }
.p-datepicker .p-timepicker button { .p-datepicker .p-timepicker button {
width: 2.25rem; width: 2rem;
height: 2.25rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
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); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-timepicker button:hover { .p-datepicker .p-timepicker button:enabled:hover {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-color: transparent;
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
} }
.p-datepicker .p-timepicker button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-datepicker .p-timepicker button:last-child { .p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em; margin-top: 0.2em;
} }
@ -311,10 +324,6 @@
padding-right: 0; padding-right: 0;
border-right: 0 none; border-right: 0 none;
} }
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: rgba(255, 255, 255, 0.6);
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
} }
@ -917,20 +926,24 @@
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close { .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
width: 2.25rem; width: 2rem;
height: 0.2 0.25rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0; padding: 0;
} }
@ -1628,20 +1641,26 @@
.p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
background: transparent; width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6);
border: 0 none; border: 0 none;
color: rgba(255, 255, 255, 0.6); background: transparent;
border-radius: 50%; border-radius: 50%;
width: 2.25rem;
height: 2.25rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin: 0.5rem; margin: 0 0.5rem;
} }
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover, .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover { .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-color: transparent;
background: rgba(255, 255, 255, 0.04);
}
.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: none;
} }
.p-carousel .p-carousel-indicators { .p-carousel .p-carousel-indicators {
padding: 1rem; padding: 1rem;
@ -1750,23 +1769,41 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 0.75rem 0.75rem; padding: 0.75rem 0.75rem;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler { .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: rgba(255, 255, 255, 0.6); 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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover { .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
color: rgba(255, 255, 255, 0.87); .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: rgba(255, 255, 255, 0.6);
border-color: transparent;
background: rgba(255, 255, 255, 0.04);
}
.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: none;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
margin-right: 0.5rem;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: rgba(63, 81, 181, 0.16); background: rgba(63, 81, 181, 0.16);
color: #3F51B5; color: #3F51B5;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: #3F51B5;
}
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: #3F51B5;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 rgba(63, 81, 181, 0.16); box-shadow: inset 0 2px 0 0 rgba(63, 81, 181, 0.16);
} }
@ -2080,20 +2117,15 @@
padding: 0.75rem; padding: 0.75rem;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler { .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
bottom: -0.7em; background: inherit;
margin-left: -0.46em; color: inherit;
color: rgba(255, 255, 255, 0.6); border-radius: 50%;
border-radius: 4px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: none; box-shadow: none;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
.p-paginator { .p-paginator {
background: #1e1e1e; background: #1e1e1e;
@ -2260,11 +2292,23 @@
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem; margin-right: 0.5rem;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); 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; 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:hover { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.6);
border-color: transparent;
background: rgba(255, 255, 255, 0.04);
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2397,12 +2441,24 @@
padding: 0.75rem 0.75rem; padding: 0.75rem 0.75rem;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
margin-right: 0.5rem; border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.6);
border-color: transparent;
background: rgba(255, 255, 255, 0.04);
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2597,7 +2653,7 @@
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
transition: none; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 0.75rem; padding: 0.75rem;
@ -2614,7 +2670,7 @@
box-shadow: none; box-shadow: none;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
background: rgba(0, 0, 0, 0.04); background: rgba(255, 255, 255, 0.04);
border-color: rgba(255, 255, 255, 0.12); border-color: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
} }
@ -2631,18 +2687,18 @@
font-weight: 500; font-weight: 500;
} }
.p-panel .p-panel-header .p-panel-header-icon { .p-panel .p-panel-header .p-panel-header-icon {
width: 2.5rem; width: 2rem;
height: 2.5rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
background: transparent;
border: 0 none; border: 0 none;
background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-panel .p-panel-header .p-panel-header-icon:hover { .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-color: transparent; border-color: transparent;
background: rgba(0, 0, 0, 0.04); background: rgba(255, 255, 255, 0.04);
} }
.p-panel .p-panel-header .p-panel-header-icon:focus { .p-panel .p-panel-header .p-panel-header-icon:focus {
outline: 0 none; outline: 0 none;
@ -2747,8 +2803,8 @@
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon { .p-dialog .p-dialog-header .p-dialog-header-icon {
width: 2.25rem; width: 2rem;
height: 2.25rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none; border: 0 none;
background: transparent; background: transparent;
@ -2756,7 +2812,7 @@
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:hover { .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.04); background: rgba(255, 255, 255, 0.04);
@ -2804,19 +2860,17 @@
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #3F51B5; background: #3F51B5;
border: 0 none;
color: #ffffff; color: #ffffff;
width: 2.25rem; width: 2rem;
height: 2.25rem; height: 2rem;
position: absolute;
top: -1.125rem;
right: -1.125rem;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: rgba(63, 81, 181, 0.92); background: rgba(63, 81, 181, 0.92);
border-color: transparent;
color: #ffffff; color: #ffffff;
} }
.p-overlaypanel:after { .p-overlaypanel:after {
@ -2844,18 +2898,23 @@
box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
} }
.p-sidebar .p-sidebar-close { .p-sidebar .p-sidebar-close {
background: transparent; width: 2rem;
border: 0 none; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.25rem; border: 0 none;
height: 2.25rem; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-sidebar .p-sidebar-close:hover { .p-sidebar .p-sidebar-close:enabled:hover {
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-color: transparent;
background: rgba(255, 255, 255, 0.04);
}
.p-sidebar .p-sidebar-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
} }
.p-sidebar-mask.p-component-overlay { .p-sidebar-mask.p-component-overlay {
@ -3048,7 +3107,7 @@
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.04); background: rgba(255, 255, 255, 0.04);
} }
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -3066,7 +3125,7 @@
} }
.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,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { .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); 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 .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-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
@ -3272,7 +3331,7 @@
margin-left: 0.5rem; 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 > .p-menuitem-link:not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.04); background: rgba(255, 255, 255, 0.04);
} }
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -3290,7 +3349,7 @@
} }
.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,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.04); 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 .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-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
@ -3334,21 +3393,15 @@
} }
.p-menubar .p-menubar-button { .p-menubar .p-menubar-button {
display: flex; display: flex;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
background: transparent;
border: 0 none;
width: 2.25rem;
height: 2.25rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i {
font-size: 1.5rem;
}
.p-menubar .p-menubar-button:hover { .p-menubar .p-menubar-button:hover {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
background: rgba(0, 0, 0, 0.04); background: rgba(255, 255, 255, 0.04);
border-color: transparent;
} }
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
@ -3783,6 +3836,21 @@
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.25rem; padding: 1rem 1.25rem;
} }
.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: none;
}
.p-message.p-message-info { .p-message.p-message-info {
background: #B3E5FC; background: #B3E5FC;
border: solid transparent; border: solid transparent;
@ -3793,7 +3861,6 @@
color: #01579B; color: #01579B;
} }
.p-message.p-message-info .p-message-close { .p-message.p-message-info .p-message-close {
background: #B3E5FC;
color: #01579B; color: #01579B;
} }
.p-message.p-message-success { .p-message.p-message-success {
@ -3806,7 +3873,6 @@
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-success .p-message-close { .p-message.p-message-success .p-message-close {
background: #C8E6C9;
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-warn { .p-message.p-message-warn {
@ -3819,7 +3885,6 @@
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-warn .p-message-close { .p-message.p-message-warn .p-message-close {
background: #FFECB3;
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-error { .p-message.p-message-error {
@ -3832,23 +3897,8 @@
color: #B71C1C; color: #B71C1C;
} }
.p-message.p-message-error .p-message-close { .p-message.p-message-error .p-message-close {
background: #FFCDD2;
color: #B71C1C; color: #B71C1C;
} }
.p-message .p-message-close {
border-radius: 50%;
width: 2.25rem;
height: 2.25rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: rgba(255, 255, 255, 0.2);
}
.p-message .p-message-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: 500;
@ -3883,13 +3933,19 @@
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
} }
.p-toast .p-toast-item-container .p-toast-icon-close { .p-toast .p-toast-item-container .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%; border-radius: 50%;
width: 1.5rem; background: transparent;
height: 1.5rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-toast .p-toast-item-container .p-toast-icon-close:hover { .p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
} }
.p-toast .p-toast-item-container.p-toast-message-info { .p-toast .p-toast-item-container.p-toast-message-info {
background: #B3E5FC; background: #B3E5FC;
@ -4286,10 +4342,10 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
} }
.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover { .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
background: rgba(0, 0, 0, 0.04); background: rgba(255, 255, 255, 0.04);
} }
.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus { .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus {
background: rgba(0, 0, 0, 0.12); background: rgba(255, 255, 255, 0.12);
} }
.p-calendar-w-btn:not(.p-disabled):hover { .p-calendar-w-btn:not(.p-disabled):hover {
border-color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6);
@ -4349,7 +4405,7 @@
font-size: 0.875rem; font-size: 0.875rem;
} }
.p-datepicker table td.p-datepicker-today > span { .p-datepicker table td.p-datepicker-today > span {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38);
} }
.p-datepicker table td.p-datepicker-today.p-highlight { .p-datepicker table td.p-datepicker-today.p-highlight {
box-shadow: 0 0 0 1px rgba(63, 81, 181, 0.16); box-shadow: 0 0 0 1px rgba(63, 81, 181, 0.16);
@ -4468,10 +4524,10 @@
animation: checkbox-check 125ms 50ms linear forwards; animation: checkbox-check 125ms 50ms linear forwards;
} }
.p-checkbox:not(.p-checkbox-disabled):hover { .p-checkbox:not(.p-checkbox-disabled):hover {
box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04);
} }
.p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused { .p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused {
box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12);
} }
.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover { .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover {
box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04); box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04);
@ -4520,10 +4576,10 @@
border-color: #3F51B5; border-color: #3F51B5;
} }
.p-radiobutton:not(.p-radiobutton-disabled):hover { .p-radiobutton:not(.p-radiobutton-disabled):hover {
box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04);
} }
.p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused { .p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused {
box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12);
} }
.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover { .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover {
box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04); box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04);
@ -4574,20 +4630,20 @@
} }
.p-inputswitch .p-inputswitch-slider:before { .p-inputswitch .p-inputswitch-slider:before {
transition-property: transform; transition-property: box-shadow transform;
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); 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);
} }
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { .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); 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-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-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); 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 { .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); box-shadow: 0 0 1px 10px rgba(63, 81, 181, 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-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-inputswitch-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); box-shadow: 0 0 1px 10px rgba(63, 81, 181, 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-slider .p-slider-handle { .p-slider .p-slider-handle {

View File

@ -182,20 +182,26 @@
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next { .p-datepicker .p-datepicker-header .p-datepicker-next {
width: 2.25rem; width: 2rem;
height: 2.25rem; height: 2rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover, .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover { .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border-color: transparent; border-color: transparent;
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
} }
.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: none;
}
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 1;
} }
@ -262,17 +268,24 @@
padding: 0.5rem; padding: 0.5rem;
} }
.p-datepicker .p-timepicker button { .p-datepicker .p-timepicker button {
width: 2.25rem; width: 2rem;
height: 2.25rem; height: 2rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
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); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-timepicker button:hover { .p-datepicker .p-timepicker button:enabled:hover {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border-color: transparent;
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
} }
.p-datepicker .p-timepicker button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-datepicker .p-timepicker button:last-child { .p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em; margin-top: 0.2em;
} }
@ -311,10 +324,6 @@
padding-right: 0; padding-right: 0;
border-right: 0 none; border-right: 0 none;
} }
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: rgba(0, 0, 0, 0.6);
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
} }
@ -917,20 +926,24 @@
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close { .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
width: 2.25rem; width: 2rem;
height: 0.2 0.25rem; height: 2rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border-color: transparent; border-color: transparent;
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0; padding: 0;
} }
@ -1628,20 +1641,26 @@
.p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
background: #ffffff; width: 2rem;
height: 2rem;
color: rgba(0, 0, 0, 0.6);
border: 0 none; border: 0 none;
color: rgba(0, 0, 0, 0.6); background: transparent;
border-radius: 50%; border-radius: 50%;
width: 2.25rem;
height: 2.25rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin: 0.5rem; margin: 0 0.5rem;
} }
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover, .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover { .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
background: rgba(0, 0, 0, 0.04);
border-color: transparent;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border-color: transparent;
background: rgba(0, 0, 0, 0.04);
}
.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: none;
} }
.p-carousel .p-carousel-indicators { .p-carousel .p-carousel-indicators {
padding: 1rem; padding: 1rem;
@ -1750,23 +1769,41 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 0.75rem 0.75rem; padding: 0.75rem 0.75rem;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler { .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: rgba(0, 0, 0, 0.6); 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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover { .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
color: #000001; .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: rgba(0, 0, 0, 0.6);
border-color: transparent;
background: rgba(0, 0, 0, 0.04);
}
.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: none;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
margin-right: 0.5rem;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: rgba(103, 58, 183, 0.12); background: rgba(103, 58, 183, 0.12);
color: #673AB7; color: #673AB7;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: #673AB7;
}
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: #673AB7;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 rgba(103, 58, 183, 0.12); box-shadow: inset 0 2px 0 0 rgba(103, 58, 183, 0.12);
} }
@ -2080,20 +2117,15 @@
padding: 0.75rem; padding: 0.75rem;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler { .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
bottom: -0.7em; background: inherit;
margin-left: -0.46em; color: inherit;
color: rgba(0, 0, 0, 0.6); border-radius: 50%;
border-radius: 4px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: none; box-shadow: none;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: #000001;
}
.p-paginator { .p-paginator {
background: #ffffff; background: #ffffff;
@ -2260,11 +2292,23 @@
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem; margin-right: 0.5rem;
width: 2rem;
height: 2rem;
color: rgba(0, 0, 0, 0.6); 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; 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:hover { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: #000001; color: rgba(0, 0, 0, 0.6);
border-color: transparent;
background: rgba(0, 0, 0, 0.04);
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2397,12 +2441,24 @@
padding: 0.75rem 0.75rem; padding: 0.75rem 0.75rem;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
width: 2rem;
height: 2rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
margin-right: 0.5rem; border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: #000001; color: rgba(0, 0, 0, 0.6);
border-color: transparent;
background: rgba(0, 0, 0, 0.04);
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2597,7 +2653,7 @@
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
transition: none; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 0.75rem; padding: 0.75rem;
@ -2631,15 +2687,15 @@
font-weight: 500; font-weight: 500;
} }
.p-panel .p-panel-header .p-panel-header-icon { .p-panel .p-panel-header .p-panel-header-icon {
width: 2.5rem; width: 2rem;
height: 2.5rem; height: 2rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
background: transparent;
border: 0 none; border: 0 none;
background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-panel .p-panel-header .p-panel-header-icon:hover { .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border-color: transparent; border-color: transparent;
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
@ -2747,8 +2803,8 @@
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon { .p-dialog .p-dialog-header .p-dialog-header-icon {
width: 2.25rem; width: 2rem;
height: 2.25rem; height: 2rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border: 0 none; border: 0 none;
background: transparent; background: transparent;
@ -2756,7 +2812,7 @@
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:hover { .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border-color: transparent; border-color: transparent;
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
@ -2804,19 +2860,17 @@
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #673AB7; background: #673AB7;
border: 0 none;
color: #ffffff; color: #ffffff;
width: 2.25rem; width: 2rem;
height: 2.25rem; height: 2rem;
position: absolute;
top: -1.125rem;
right: -1.125rem;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: rgba(255, 255, 255, 0.92); background: rgba(103, 58, 183, 0.92);
border-color: transparent;
color: #ffffff; color: #ffffff;
} }
.p-overlaypanel:after { .p-overlaypanel:after {
@ -2844,18 +2898,23 @@
box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
} }
.p-sidebar .p-sidebar-close { .p-sidebar .p-sidebar-close {
background: transparent; width: 2rem;
border: 0 none; height: 2rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
width: 2.25rem; border: 0 none;
height: 2.25rem; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-sidebar .p-sidebar-close:hover { .p-sidebar .p-sidebar-close:enabled:hover {
background: rgba(0, 0, 0, 0.04);
border-color: transparent;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border-color: transparent;
background: rgba(0, 0, 0, 0.04);
}
.p-sidebar .p-sidebar-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
} }
.p-sidebar-mask.p-component-overlay { .p-sidebar-mask.p-component-overlay {
@ -3334,21 +3393,15 @@
} }
.p-menubar .p-menubar-button { .p-menubar .p-menubar-button {
display: flex; display: flex;
width: 2rem;
height: 2rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
background: transparent;
border: 0 none;
width: 2.25rem;
height: 2.25rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i {
font-size: 1.5rem;
}
.p-menubar .p-menubar-button:hover { .p-menubar .p-menubar-button:hover {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
border-color: transparent;
} }
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
@ -3783,6 +3836,21 @@
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.25rem; padding: 1rem 1.25rem;
} }
.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: none;
}
.p-message.p-message-info { .p-message.p-message-info {
background: #B3E5FC; background: #B3E5FC;
border: solid transparent; border: solid transparent;
@ -3793,7 +3861,6 @@
color: #01579B; color: #01579B;
} }
.p-message.p-message-info .p-message-close { .p-message.p-message-info .p-message-close {
background: #B3E5FC;
color: #01579B; color: #01579B;
} }
.p-message.p-message-success { .p-message.p-message-success {
@ -3806,7 +3873,6 @@
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-success .p-message-close { .p-message.p-message-success .p-message-close {
background: #C8E6C9;
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-warn { .p-message.p-message-warn {
@ -3819,7 +3885,6 @@
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-warn .p-message-close { .p-message.p-message-warn .p-message-close {
background: #FFECB3;
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-error { .p-message.p-message-error {
@ -3832,23 +3897,8 @@
color: #B71C1C; color: #B71C1C;
} }
.p-message.p-message-error .p-message-close { .p-message.p-message-error .p-message-close {
background: #FFCDD2;
color: #B71C1C; color: #B71C1C;
} }
.p-message .p-message-close {
border-radius: 50%;
width: 2.25rem;
height: 2.25rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: rgba(255, 255, 255, 0.2);
}
.p-message .p-message-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: 500;
@ -3883,13 +3933,19 @@
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
} }
.p-toast .p-toast-item-container .p-toast-icon-close { .p-toast .p-toast-item-container .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%; border-radius: 50%;
width: 1.5rem; background: transparent;
height: 1.5rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-toast .p-toast-item-container .p-toast-icon-close:hover { .p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
} }
.p-toast .p-toast-item-container.p-toast-message-info { .p-toast .p-toast-item-container.p-toast-message-info {
background: #B3E5FC; background: #B3E5FC;
@ -4574,7 +4630,7 @@
} }
.p-inputswitch .p-inputswitch-slider:before { .p-inputswitch .p-inputswitch-slider:before {
transition-property: transform; transition-property: box-shadow transform;
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); 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-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before {

View File

@ -182,20 +182,26 @@
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next { .p-datepicker .p-datepicker-header .p-datepicker-next {
width: 2.25rem; width: 2rem;
height: 2.25rem; height: 2rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover, .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover { .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border-color: transparent; border-color: transparent;
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
} }
.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: none;
}
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 1;
} }
@ -262,17 +268,24 @@
padding: 0.5rem; padding: 0.5rem;
} }
.p-datepicker .p-timepicker button { .p-datepicker .p-timepicker button {
width: 2.25rem; width: 2rem;
height: 2.25rem; height: 2rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
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); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-timepicker button:hover { .p-datepicker .p-timepicker button:enabled:hover {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border-color: transparent;
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
} }
.p-datepicker .p-timepicker button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-datepicker .p-timepicker button:last-child { .p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em; margin-top: 0.2em;
} }
@ -311,10 +324,6 @@
padding-right: 0; padding-right: 0;
border-right: 0 none; border-right: 0 none;
} }
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: rgba(0, 0, 0, 0.6);
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
} }
@ -917,20 +926,24 @@
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close { .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
width: 2.25rem; width: 2rem;
height: 0.2 0.25rem; height: 2rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border-color: transparent; border-color: transparent;
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0; padding: 0;
} }
@ -1628,20 +1641,26 @@
.p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
background: #ffffff; width: 2rem;
height: 2rem;
color: rgba(0, 0, 0, 0.6);
border: 0 none; border: 0 none;
color: rgba(0, 0, 0, 0.6); background: transparent;
border-radius: 50%; border-radius: 50%;
width: 2.25rem;
height: 2.25rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin: 0.5rem; margin: 0 0.5rem;
} }
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover, .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover { .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
background: rgba(0, 0, 0, 0.04);
border-color: transparent;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border-color: transparent;
background: rgba(0, 0, 0, 0.04);
}
.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: none;
} }
.p-carousel .p-carousel-indicators { .p-carousel .p-carousel-indicators {
padding: 1rem; padding: 1rem;
@ -1750,23 +1769,41 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 0.75rem 0.75rem; padding: 0.75rem 0.75rem;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler { .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: rgba(0, 0, 0, 0.6); 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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover { .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
color: #000001; .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: rgba(0, 0, 0, 0.6);
border-color: transparent;
background: rgba(0, 0, 0, 0.04);
}
.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: none;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
margin-right: 0.5rem;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: rgba(63, 81, 181, 0.12); background: rgba(63, 81, 181, 0.12);
color: #3F51B5; color: #3F51B5;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: #3F51B5;
}
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: #3F51B5;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 rgba(63, 81, 181, 0.12); box-shadow: inset 0 2px 0 0 rgba(63, 81, 181, 0.12);
} }
@ -2080,20 +2117,15 @@
padding: 0.75rem; padding: 0.75rem;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler { .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
bottom: -0.7em; background: inherit;
margin-left: -0.46em; color: inherit;
color: rgba(0, 0, 0, 0.6); border-radius: 50%;
border-radius: 4px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: none; box-shadow: none;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: #000001;
}
.p-paginator { .p-paginator {
background: #ffffff; background: #ffffff;
@ -2260,11 +2292,23 @@
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem; margin-right: 0.5rem;
width: 2rem;
height: 2rem;
color: rgba(0, 0, 0, 0.6); 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; 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:hover { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: #000001; color: rgba(0, 0, 0, 0.6);
border-color: transparent;
background: rgba(0, 0, 0, 0.04);
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2397,12 +2441,24 @@
padding: 0.75rem 0.75rem; padding: 0.75rem 0.75rem;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
width: 2rem;
height: 2rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
margin-right: 0.5rem; border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: #000001; color: rgba(0, 0, 0, 0.6);
border-color: transparent;
background: rgba(0, 0, 0, 0.04);
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2597,7 +2653,7 @@
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
transition: none; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 0.75rem; padding: 0.75rem;
@ -2631,15 +2687,15 @@
font-weight: 500; font-weight: 500;
} }
.p-panel .p-panel-header .p-panel-header-icon { .p-panel .p-panel-header .p-panel-header-icon {
width: 2.5rem; width: 2rem;
height: 2.5rem; height: 2rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
background: transparent;
border: 0 none; border: 0 none;
background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-panel .p-panel-header .p-panel-header-icon:hover { .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border-color: transparent; border-color: transparent;
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
@ -2747,8 +2803,8 @@
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon { .p-dialog .p-dialog-header .p-dialog-header-icon {
width: 2.25rem; width: 2rem;
height: 2.25rem; height: 2rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border: 0 none; border: 0 none;
background: transparent; background: transparent;
@ -2756,7 +2812,7 @@
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:hover { .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border-color: transparent; border-color: transparent;
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
@ -2804,19 +2860,17 @@
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #3F51B5; background: #3F51B5;
border: 0 none;
color: #ffffff; color: #ffffff;
width: 2.25rem; width: 2rem;
height: 2.25rem; height: 2rem;
position: absolute;
top: -1.125rem;
right: -1.125rem;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: rgba(255, 255, 255, 0.92); background: rgba(63, 81, 181, 0.92);
border-color: transparent;
color: #ffffff; color: #ffffff;
} }
.p-overlaypanel:after { .p-overlaypanel:after {
@ -2844,18 +2898,23 @@
box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
} }
.p-sidebar .p-sidebar-close { .p-sidebar .p-sidebar-close {
background: transparent; width: 2rem;
border: 0 none; height: 2rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
width: 2.25rem; border: 0 none;
height: 2.25rem; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-sidebar .p-sidebar-close:hover { .p-sidebar .p-sidebar-close:enabled:hover {
background: rgba(0, 0, 0, 0.04);
border-color: transparent;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
border-color: transparent;
background: rgba(0, 0, 0, 0.04);
}
.p-sidebar .p-sidebar-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
} }
.p-sidebar-mask.p-component-overlay { .p-sidebar-mask.p-component-overlay {
@ -3334,21 +3393,15 @@
} }
.p-menubar .p-menubar-button { .p-menubar .p-menubar-button {
display: flex; display: flex;
width: 2rem;
height: 2rem;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
background: transparent;
border: 0 none;
width: 2.25rem;
height: 2.25rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i {
font-size: 1.5rem;
}
.p-menubar .p-menubar-button:hover { .p-menubar .p-menubar-button:hover {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
background: rgba(0, 0, 0, 0.04); background: rgba(0, 0, 0, 0.04);
border-color: transparent;
} }
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
@ -3783,6 +3836,21 @@
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.25rem; padding: 1rem 1.25rem;
} }
.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: none;
}
.p-message.p-message-info { .p-message.p-message-info {
background: #B3E5FC; background: #B3E5FC;
border: solid transparent; border: solid transparent;
@ -3793,7 +3861,6 @@
color: #01579B; color: #01579B;
} }
.p-message.p-message-info .p-message-close { .p-message.p-message-info .p-message-close {
background: #B3E5FC;
color: #01579B; color: #01579B;
} }
.p-message.p-message-success { .p-message.p-message-success {
@ -3806,7 +3873,6 @@
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-success .p-message-close { .p-message.p-message-success .p-message-close {
background: #C8E6C9;
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-warn { .p-message.p-message-warn {
@ -3819,7 +3885,6 @@
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-warn .p-message-close { .p-message.p-message-warn .p-message-close {
background: #FFECB3;
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-error { .p-message.p-message-error {
@ -3832,23 +3897,8 @@
color: #B71C1C; color: #B71C1C;
} }
.p-message.p-message-error .p-message-close { .p-message.p-message-error .p-message-close {
background: #FFCDD2;
color: #B71C1C; color: #B71C1C;
} }
.p-message .p-message-close {
border-radius: 50%;
width: 2.25rem;
height: 2.25rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: rgba(255, 255, 255, 0.2);
}
.p-message .p-message-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: 500;
@ -3883,13 +3933,19 @@
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
} }
.p-toast .p-toast-item-container .p-toast-icon-close { .p-toast .p-toast-item-container .p-toast-icon-close {
width: 2rem;
height: 2rem;
border-radius: 50%; border-radius: 50%;
width: 1.5rem; background: transparent;
height: 1.5rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-toast .p-toast-item-container .p-toast-icon-close:hover { .p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
} }
.p-toast .p-toast-item-container.p-toast-message-info { .p-toast .p-toast-item-container.p-toast-message-info {
background: #B3E5FC; background: #B3E5FC;
@ -4574,7 +4630,7 @@
} }
.p-inputswitch .p-inputswitch-slider:before { .p-inputswitch .p-inputswitch-slider:before {
transition-property: transform; transition-property: box-shadow transform;
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); 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-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before {

View File

@ -86,7 +86,7 @@
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #d95f00; background: #e02365;
color: #ffffff; color: #ffffff;
border-radius: 3px; border-radius: 3px;
} }
@ -119,7 +119,7 @@
} }
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: #ffffff; color: #ffffff;
background: #d95f00; background: #e02365;
} }
.p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext { .p-autocomplete-panel.p-error > .p-inputtext, .p-autocomplete-panel.p-invalid > .p-inputtext {
border-color: #a80000; border-color: #a80000;
@ -158,20 +158,26 @@
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next { .p-datepicker .p-datepicker-header .p-datepicker-next {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #a6a6a6; color: #a6a6a6;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 3px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover, .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover { .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: #007ad9; color: #007ad9;
border-color: transparent; border-color: transparent;
background: 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 { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 1;
} }
@ -210,7 +216,7 @@
} }
.p-datepicker table td > span.p-highlight { .p-datepicker table td > span.p-highlight {
color: #ffffff; color: #ffffff;
background: #d95f00; background: #e02365;
} }
.p-datepicker table td > span:focus { .p-datepicker table td > span:focus {
outline: 0 none; outline: 0 none;
@ -224,7 +230,7 @@
} }
.p-datepicker table td.p-datepicker-today > span.p-highlight { .p-datepicker table td.p-datepicker-today > span.p-highlight {
color: #ffffff; color: #ffffff;
background: #d95f00; background: #e02365;
} }
.p-datepicker .p-datepicker-buttonbar { .p-datepicker .p-datepicker-buttonbar {
padding: 0.857rem 0 0.429rem 0; padding: 0.857rem 0 0.429rem 0;
@ -238,17 +244,24 @@
padding: 0.857rem 0 0.429rem 0; padding: 0.857rem 0 0.429rem 0;
} }
.p-datepicker .p-timepicker button { .p-datepicker .p-timepicker button {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #a6a6a6; color: #a6a6a6;
border: 0 none;
background: transparent; background: transparent;
border-radius: 3px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-timepicker button:hover { .p-datepicker .p-timepicker button:enabled:hover {
color: #007ad9; color: #007ad9;
border-color: transparent;
background: 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 { .p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em; margin-top: 0.2em;
} }
@ -271,7 +284,7 @@
} }
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #ffffff; color: #ffffff;
background: #d95f00; background: #e02365;
} }
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
border-right: 1px solid #d8dae2; border-right: 1px solid #d8dae2;
@ -287,10 +300,6 @@
padding-right: 0; padding-right: 0;
border-right: 0 none; border-right: 0 none;
} }
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: #007ad9;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: #eaeaea; background: #eaeaea;
} }
@ -380,7 +389,7 @@
.p-chips .p-chips-multiple-container .p-chips-token { .p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
margin-right: 0.5rem; margin-right: 0.5rem;
background: #d95f00; background: #e02365;
color: #ffffff; color: #ffffff;
border-radius: 3px; border-radius: 3px;
} }
@ -496,7 +505,7 @@
} }
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
color: #ffffff; color: #ffffff;
background: #d95f00; background: #e02365;
} }
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
color: #333333; color: #333333;
@ -820,7 +829,7 @@
} }
.p-listbox .p-listbox-list .p-listbox-item.p-highlight { .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
color: #ffffff; color: #ffffff;
background: #d95f00; background: #e02365;
} }
.p-listbox .p-listbox-list .p-listbox-item:focus { .p-listbox .p-listbox-list .p-listbox-item:focus {
outline: 0 none; outline: 0 none;
@ -893,20 +902,24 @@
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close { .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #848484; color: #a6a6a6;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 3px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: #333333; color: #007ad9;
border-color: transparent; border-color: transparent;
background: 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 { .p-multiselect-panel .p-multiselect-items {
padding: 0; padding: 0;
} }
@ -921,7 +934,7 @@
} }
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
color: #ffffff; color: #ffffff;
background: #d95f00; background: #e02365;
} }
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
color: #333333; color: #333333;
@ -1604,20 +1617,26 @@
.p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
background: #ffffff;
border: 0 none;
color: #848484;
border-radius: 50%;
width: 2rem; width: 2rem;
height: 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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin: 0.5rem; margin: 0 0.5rem;
} }
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover, .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover { .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
background: #eaeaea; color: #007ad9;
border-color: transparent; border-color: transparent;
color: #848484; 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 { .p-carousel .p-carousel-indicators {
padding: 1rem; padding: 1rem;
@ -1637,7 +1656,7 @@
background: #eaeaea; background: #eaeaea;
} }
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #d95f00; background: #e02365;
color: #ffffff; color: #ffffff;
} }
@ -1696,7 +1715,7 @@
height: 1.143rem; height: 1.143rem;
min-width: 1.143rem; min-width: 1.143rem;
line-height: 1.143rem; line-height: 1.143rem;
color: #d95f00; color: #e02365;
background: #ffffff; background: #ffffff;
margin-left: 0.5rem; margin-left: 0.5rem;
} }
@ -1708,7 +1727,7 @@
color: #333333; color: #333333;
} }
.p-datatable .p-sortable-column.p-highlight { .p-datatable .p-sortable-column.p-highlight {
background: #d95f00; background: #e02365;
color: #ffffff; color: #ffffff;
} }
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
@ -1726,28 +1745,46 @@
border-width: 1px; border-width: 1px;
padding: 0.571rem 0.857rem; padding: 0.571rem 0.857rem;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler { .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
color: #848484; .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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover { .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
color: #333333; .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.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: #d95f00; background: #e02365;
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: #ffffff; color: #ffffff;
} }
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 #d95f00; box-shadow: inset 0 2px 0 0 #e02365;
} }
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #d95f00; box-shadow: inset 0 -2px 0 0 #e02365;
} }
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #eaeaea; background: #eaeaea;
@ -1788,7 +1825,7 @@
background: #f9f9f9; background: #f9f9f9;
} }
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #d95f00; background: #e02365;
color: #ffffff; color: #ffffff;
} }
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
@ -2008,7 +2045,7 @@
} }
.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
color: #ffffff; color: #ffffff;
background: #d95f00; background: #e02365;
} }
@media screen and (max-width: 960px) { @media screen and (max-width: 960px) {
@ -2032,11 +2069,11 @@
color: #333333; color: #333333;
} }
.p-organizationchart .p-organizationchart-node-content.p-highlight { .p-organizationchart .p-organizationchart-node-content.p-highlight {
background: #d95f00; background: #e02365;
color: #ffffff; color: #ffffff;
} }
.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
color: #5a2700; color: #731033;
} }
.p-organizationchart .p-organizationchart-line-down { .p-organizationchart .p-organizationchart-line-down {
background: #c8c8c8; background: #c8c8c8;
@ -2056,20 +2093,15 @@
padding: 0.571rem 1rem; padding: 0.571rem 1rem;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler { .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
bottom: -0.7em; background: inherit;
margin-left: -0.46em; color: inherit;
color: #848484; border-radius: 50%;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff; box-shadow: 0 0 0 0.2rem #8dcdff;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: #333333;
}
.p-paginator { .p-paginator {
background: #f4f4f4; background: #f4f4f4;
@ -2135,8 +2167,8 @@
border-radius: 0; border-radius: 0;
} }
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #d95f00; background: #e02365;
border-color: #d95f00; border-color: #e02365;
color: #ffffff; color: #ffffff;
} }
.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
@ -2188,7 +2220,7 @@
} }
.p-picklist .p-picklist-list .p-picklist-item.p-highlight { .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
color: #ffffff; color: #ffffff;
background: #d95f00; background: #e02365;
} }
@media screen and (max-width: 960px) { @media screen and (max-width: 960px) {
@ -2236,11 +2268,23 @@
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem; margin-right: 0.5rem;
color: #848484; 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; 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:hover { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: #333333; 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 { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2258,7 +2302,7 @@
box-shadow: 0 0 0 0.2rem #8dcdff; box-shadow: 0 0 0 0.2rem #8dcdff;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
background: #d95f00; background: #e02365;
color: #ffffff; 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-tree-toggler,
@ -2342,7 +2386,7 @@
height: 1.143rem; height: 1.143rem;
min-width: 1.143rem; min-width: 1.143rem;
line-height: 1.143rem; line-height: 1.143rem;
color: #d95f00; color: #e02365;
background: #ffffff; background: #ffffff;
margin-left: 0.5rem; margin-left: 0.5rem;
} }
@ -2354,7 +2398,7 @@
color: #333333; color: #333333;
} }
.p-treetable .p-sortable-column.p-highlight { .p-treetable .p-sortable-column.p-highlight {
background: #d95f00; background: #e02365;
color: #ffffff; color: #ffffff;
} }
.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
@ -2373,12 +2417,24 @@
padding: 0.571rem 0.857rem; padding: 0.571rem 0.857rem;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
color: #848484; width: 2rem;
margin-right: 0.5rem; height: 2rem;
color: #a6a6a6;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: #333333; 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 { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2387,7 +2443,7 @@
color: #333333; color: #333333;
} }
.p-treetable .p-treetable-tbody > tr.p-highlight { .p-treetable .p-treetable-tbody > tr.p-highlight {
background: #d95f00; background: #e02365;
color: #ffffff; color: #ffffff;
} }
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
@ -2556,7 +2612,7 @@
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
transition: background-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
@ -2590,16 +2646,16 @@
font-weight: 700; font-weight: 700;
} }
.p-panel .p-panel-header .p-panel-header-icon { .p-panel .p-panel-header .p-panel-header-icon {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #ffffff; color: #a6a6a6;
background: transparent;
border: 0 none; border: 0 none;
border-radius: 3px; background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-panel .p-panel-header .p-panel-header-icon:hover { .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: #5ab7ff; color: #007ad9;
border-color: transparent; border-color: transparent;
background: transparent; background: transparent;
} }
@ -2706,17 +2762,17 @@
font-size: 1rem; font-size: 1rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon { .p-dialog .p-dialog-header .p-dialog-header-icon {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #ffffff; color: #a6a6a6;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 3px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:hover { .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: #5ab7ff; color: #007ad9;
border-color: transparent; border-color: transparent;
background: transparent; background: transparent;
} }
@ -2763,19 +2819,17 @@
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #007ad9; background: #007ad9;
border: 0 none;
color: #ffffff; color: #ffffff;
width: 1.538rem; width: 2rem;
height: 1.538rem; height: 2rem;
position: absolute;
top: -0.769rem;
right: -0.769rem;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: #005b9f; background: #116fbf;
border-color: transparent;
color: #ffffff; color: #ffffff;
} }
.p-overlaypanel:after { .p-overlaypanel:after {
@ -2803,18 +2857,23 @@
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
} }
.p-sidebar .p-sidebar-close { .p-sidebar .p-sidebar-close {
background: #007ad9; width: 2rem;
height: 2rem;
color: #a6a6a6;
border: 0 none; border: 0 none;
color: #ffffff; background: transparent;
width: 1.538rem;
height: 1.538rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-sidebar .p-sidebar-close:hover { .p-sidebar .p-sidebar-close:enabled:hover {
background: #005b9f; color: #007ad9;
border-color: transparent; border-color: transparent;
color: #ffffff; background: transparent;
}
.p-sidebar .p-sidebar-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
} }
.p-sidebar-mask.p-component-overlay { .p-sidebar-mask.p-component-overlay {
@ -3293,21 +3352,15 @@
} }
.p-menubar .p-menubar-button { .p-menubar .p-menubar-button {
display: flex; display: flex;
color: #ffffff;
background: transparent;
border: 0 none;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #333333;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i {
font-size: 1rem;
}
.p-menubar .p-menubar-button:hover { .p-menubar .p-menubar-button:hover {
color: #5ab7ff; color: #333333;
background: transparent; background: #eaeaea;
border-color: transparent;
} }
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
@ -3538,7 +3591,7 @@
box-shadow: 0 0 0 0.2rem #8dcdff; box-shadow: 0 0 0 0.2rem #8dcdff;
} }
.p-steps .p-steps-item.p-highlight .p-steps-number { .p-steps .p-steps-item.p-highlight .p-steps-number {
background: #d95f00; background: #e02365;
color: #ffffff; color: #ffffff;
} }
.p-steps .p-steps-item.p-highlight .p-steps-title { .p-steps .p-steps-item.p-highlight .p-steps-title {
@ -3725,6 +3778,21 @@
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem; 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 { .p-message.p-message-info {
background: #7fbcec; background: #7fbcec;
border: 0 none; border: 0 none;
@ -3735,7 +3803,6 @@
color: #212121; color: #212121;
} }
.p-message.p-message-info .p-message-close { .p-message.p-message-info .p-message-close {
background: #7fbcec;
color: #212121; color: #212121;
} }
.p-message.p-message-success { .p-message.p-message-success {
@ -3748,7 +3815,6 @@
color: #212121; color: #212121;
} }
.p-message.p-message-success .p-message-close { .p-message.p-message-success .p-message-close {
background: #b7d8b7;
color: #212121; color: #212121;
} }
.p-message.p-message-warn { .p-message.p-message-warn {
@ -3761,7 +3827,6 @@
color: #212121; color: #212121;
} }
.p-message.p-message-warn .p-message-close { .p-message.p-message-warn .p-message-close {
background: #ffe399;
color: #212121; color: #212121;
} }
.p-message.p-message-error { .p-message.p-message-error {
@ -3774,23 +3839,8 @@
color: #212121; color: #212121;
} }
.p-message.p-message-error .p-message-close { .p-message.p-message-error .p-message-close {
background: #f8b7bd;
color: #212121; color: #212121;
} }
.p-message .p-message-close {
border-radius: 3px;
width: auto;
height: auto;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: transparent;
}
.p-message .p-message-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
}
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
font-weight: normal; font-weight: normal;
@ -3825,13 +3875,19 @@
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
} }
.p-toast .p-toast-item-container .p-toast-icon-close { .p-toast .p-toast-item-container .p-toast-icon-close {
border-radius: 3px; width: 2rem;
width: auto; height: 2rem;
height: auto; border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-toast .p-toast-item-container .p-toast-icon-close:hover { .p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: transparent; background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
} }
.p-toast .p-toast-item-container.p-toast-message-info { .p-toast .p-toast-item-container.p-toast-message-info {
background: #7fbcec; background: #7fbcec;
@ -3926,7 +3982,7 @@
background: #eaeaea; background: #eaeaea;
} }
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #d95f00; background: #e02365;
color: #ffffff; color: #ffffff;
} }
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
@ -3945,7 +4001,7 @@
background: rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.6);
} }
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #d95f00; background: #e02365;
color: #ffffff; color: #ffffff;
} }
.p-galleria .p-galleria-thumbnail-container { .p-galleria .p-galleria-thumbnail-container {
@ -4093,4 +4149,40 @@
color: #ffffff; color: #ffffff;
} }
.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 */ /* Customizations to the designer theme should be defined here */

View File

@ -158,20 +158,26 @@
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next { .p-datepicker .p-datepicker-header .p-datepicker-next {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #a6a6a6; color: #a6a6a6;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 3px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover, .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover { .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: #007ad9; color: #007ad9;
border-color: transparent; border-color: transparent;
background: 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 { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 1;
} }
@ -238,17 +244,24 @@
padding: 0.857rem 0 0.429rem 0; padding: 0.857rem 0 0.429rem 0;
} }
.p-datepicker .p-timepicker button { .p-datepicker .p-timepicker button {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #a6a6a6; color: #a6a6a6;
border: 0 none;
background: transparent; background: transparent;
border-radius: 3px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-timepicker button:hover { .p-datepicker .p-timepicker button:enabled:hover {
color: #007ad9; color: #007ad9;
border-color: transparent;
background: 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 { .p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em; margin-top: 0.2em;
} }
@ -287,10 +300,6 @@
padding-right: 0; padding-right: 0;
border-right: 0 none; border-right: 0 none;
} }
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: #007ad9;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: #eaeaea; background: #eaeaea;
} }
@ -897,20 +906,24 @@
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close { .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #848484; color: #a6a6a6;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 3px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: #333333; color: #007ad9;
border-color: transparent; border-color: transparent;
background: 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 { .p-multiselect-panel .p-multiselect-items {
padding: 0; padding: 0;
} }
@ -1612,20 +1625,26 @@
.p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
background: #ffffff;
border: 0 none;
color: #848484;
border-radius: 50%;
width: 2rem; width: 2rem;
height: 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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin: 0.5rem; margin: 0 0.5rem;
} }
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover, .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover { .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
background: #eaeaea; color: #007ad9;
border-color: transparent; border-color: transparent;
color: #848484; 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 { .p-carousel .p-carousel-indicators {
padding: 1rem; padding: 1rem;
@ -1734,23 +1753,41 @@
border-width: 1px; border-width: 1px;
padding: 0.571rem 0.857rem; padding: 0.571rem 0.857rem;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler { .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
color: #848484; .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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover { .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
color: #333333; .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.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: #007ad9; background: #007ad9;
color: #ffffff; color: #ffffff;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 #007ad9; box-shadow: inset 0 2px 0 0 #007ad9;
} }
@ -2064,20 +2101,15 @@
padding: 0.571rem 1rem; padding: 0.571rem 1rem;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler { .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
bottom: -0.7em; background: inherit;
margin-left: -0.46em; color: inherit;
color: #848484; border-radius: 50%;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff; box-shadow: 0 0 0 0.2rem #8dcdff;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: #333333;
}
.p-paginator { .p-paginator {
background: #f4f4f4; background: #f4f4f4;
@ -2244,11 +2276,23 @@
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem; margin-right: 0.5rem;
color: #848484; 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; 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:hover { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: #333333; 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 { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2381,12 +2425,24 @@
padding: 0.571rem 0.857rem; padding: 0.571rem 0.857rem;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
color: #848484; width: 2rem;
margin-right: 0.5rem; height: 2rem;
color: #a6a6a6;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: #333333; 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 { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2564,7 +2620,7 @@
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
transition: background-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
@ -2598,16 +2654,16 @@
font-weight: 700; font-weight: 700;
} }
.p-panel .p-panel-header .p-panel-header-icon { .p-panel .p-panel-header .p-panel-header-icon {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #ffffff; color: #a6a6a6;
background: transparent;
border: 0 none; border: 0 none;
border-radius: 3px; background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-panel .p-panel-header .p-panel-header-icon:hover { .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: #b4b4b4; color: #007ad9;
border-color: transparent; border-color: transparent;
background: transparent; background: transparent;
} }
@ -2714,17 +2770,17 @@
font-size: 1rem; font-size: 1rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon { .p-dialog .p-dialog-header .p-dialog-header-icon {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #ffffff; color: #a6a6a6;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 3px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:hover { .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: #b4b4b4; color: #007ad9;
border-color: transparent; border-color: transparent;
background: transparent; background: transparent;
} }
@ -2771,19 +2827,17 @@
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #007ad9; background: #007ad9;
border: 0 none;
color: #ffffff; color: #ffffff;
width: 1.538rem; width: 2rem;
height: 1.538rem; height: 2rem;
position: absolute;
top: -0.769rem;
right: -0.769rem;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: #005b9f; background: #116fbf;
border-color: transparent;
color: #ffffff; color: #ffffff;
} }
.p-overlaypanel:after { .p-overlaypanel:after {
@ -2811,18 +2865,23 @@
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
} }
.p-sidebar .p-sidebar-close { .p-sidebar .p-sidebar-close {
background: #007ad9; width: 2rem;
height: 2rem;
color: #a6a6a6;
border: 0 none; border: 0 none;
color: #ffffff; background: transparent;
width: 1.538rem;
height: 1.538rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-sidebar .p-sidebar-close:hover { .p-sidebar .p-sidebar-close:enabled:hover {
background: #005b9f; color: #007ad9;
border-color: transparent; border-color: transparent;
color: #ffffff; background: transparent;
}
.p-sidebar .p-sidebar-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
} }
.p-sidebar-mask.p-component-overlay { .p-sidebar-mask.p-component-overlay {
@ -3301,21 +3360,15 @@
} }
.p-menubar .p-menubar-button { .p-menubar .p-menubar-button {
display: flex; display: flex;
color: #ffffff;
background: transparent;
border: 0 none;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #333333;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i {
font-size: 1rem;
}
.p-menubar .p-menubar-button:hover { .p-menubar .p-menubar-button:hover {
color: #b4b4b4; color: #333333;
background: transparent; background: #eaeaea;
border-color: transparent;
} }
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
@ -3733,6 +3786,21 @@
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem; 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 { .p-message.p-message-info {
background: #7fbcec; background: #7fbcec;
border: 0 none; border: 0 none;
@ -3743,7 +3811,6 @@
color: #212121; color: #212121;
} }
.p-message.p-message-info .p-message-close { .p-message.p-message-info .p-message-close {
background: #7fbcec;
color: #212121; color: #212121;
} }
.p-message.p-message-success { .p-message.p-message-success {
@ -3756,7 +3823,6 @@
color: #212121; color: #212121;
} }
.p-message.p-message-success .p-message-close { .p-message.p-message-success .p-message-close {
background: #b7d8b7;
color: #212121; color: #212121;
} }
.p-message.p-message-warn { .p-message.p-message-warn {
@ -3769,7 +3835,6 @@
color: #212121; color: #212121;
} }
.p-message.p-message-warn .p-message-close { .p-message.p-message-warn .p-message-close {
background: #ffe399;
color: #212121; color: #212121;
} }
.p-message.p-message-error { .p-message.p-message-error {
@ -3782,23 +3847,8 @@
color: #212121; color: #212121;
} }
.p-message.p-message-error .p-message-close { .p-message.p-message-error .p-message-close {
background: #f8b7bd;
color: #212121; color: #212121;
} }
.p-message .p-message-close {
border-radius: 3px;
width: auto;
height: auto;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: transparent;
}
.p-message .p-message-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
}
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
font-weight: normal; font-weight: normal;
@ -3833,13 +3883,19 @@
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
} }
.p-toast .p-toast-item-container .p-toast-icon-close { .p-toast .p-toast-item-container .p-toast-icon-close {
border-radius: 3px; width: 2rem;
width: auto; height: 2rem;
height: auto; border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-toast .p-toast-item-container .p-toast-icon-close:hover { .p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: transparent; background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
} }
.p-toast .p-toast-item-container.p-toast-message-info { .p-toast .p-toast-item-container.p-toast-message-info {
background: #7fbcec; background: #7fbcec;
@ -4101,4 +4157,30 @@
color: #ffffff; color: #ffffff;
} }
.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 */ /* Customizations to the designer theme should be defined here */

View File

@ -158,20 +158,26 @@
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next { .p-datepicker .p-datepicker-header .p-datepicker-next {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #a6a6a6; color: #a6a6a6;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 3px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover, .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover { .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: #41b883; color: #41b883;
border-color: transparent; border-color: transparent;
background: 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 { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 1;
} }
@ -238,17 +244,24 @@
padding: 0.857rem 0 0.429rem 0; padding: 0.857rem 0 0.429rem 0;
} }
.p-datepicker .p-timepicker button { .p-datepicker .p-timepicker button {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #a6a6a6; color: #a6a6a6;
border: 0 none;
background: transparent; background: transparent;
border-radius: 3px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-timepicker button:hover { .p-datepicker .p-timepicker button:enabled:hover {
color: #41b883; color: #41b883;
border-color: transparent;
background: 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 { .p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em; margin-top: 0.2em;
} }
@ -287,10 +300,6 @@
padding-right: 0; padding-right: 0;
border-right: 0 none; border-right: 0 none;
} }
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: #41b883;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: #eaeaea; background: #eaeaea;
} }
@ -897,20 +906,24 @@
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close { .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #848484; color: #a6a6a6;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 3px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: #333333; color: #41b883;
border-color: transparent; border-color: transparent;
background: 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 { .p-multiselect-panel .p-multiselect-items {
padding: 0; padding: 0;
} }
@ -1612,20 +1625,26 @@
.p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
background: #ffffff;
border: 0 none;
color: #848484;
border-radius: 50%;
width: 2rem; width: 2rem;
height: 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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin: 0.5rem; margin: 0 0.5rem;
} }
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover, .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover { .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
background: #eaeaea; color: #41b883;
border-color: transparent; border-color: transparent;
color: #848484; 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 { .p-carousel .p-carousel-indicators {
padding: 1rem; padding: 1rem;
@ -1734,23 +1753,41 @@
border-width: 1px; border-width: 1px;
padding: 0.571rem 0.857rem; padding: 0.571rem 0.857rem;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler { .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
color: #848484; .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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover { .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
color: #333333; .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.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: #41b883; background: #41b883;
color: #ffffff; color: #ffffff;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 #41b883; box-shadow: inset 0 2px 0 0 #41b883;
} }
@ -2064,20 +2101,15 @@
padding: 0.571rem 1rem; padding: 0.571rem 1rem;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler { .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
bottom: -0.7em; background: inherit;
margin-left: -0.46em; color: inherit;
color: #848484; border-radius: 50%;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c2e9d8; box-shadow: 0 0 0 0.2rem #c2e9d8;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: #333333;
}
.p-paginator { .p-paginator {
background: #f4f4f4; background: #f4f4f4;
@ -2244,11 +2276,23 @@
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem; margin-right: 0.5rem;
color: #848484; 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; 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:hover { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: #333333; 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 { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2381,12 +2425,24 @@
padding: 0.571rem 0.857rem; padding: 0.571rem 0.857rem;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
color: #848484; width: 2rem;
margin-right: 0.5rem; height: 2rem;
color: #a6a6a6;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: #333333; 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 { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2564,7 +2620,7 @@
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
transition: background-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
@ -2598,16 +2654,16 @@
font-weight: 700; font-weight: 700;
} }
.p-panel .p-panel-header .p-panel-header-icon { .p-panel .p-panel-header .p-panel-header-icon {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #848484; color: #a6a6a6;
background: transparent;
border: 0 none; border: 0 none;
border-radius: 3px; background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-panel .p-panel-header .p-panel-header-icon:hover { .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: #333333; color: #41b883;
border-color: transparent; border-color: transparent;
background: transparent; background: transparent;
} }
@ -2714,17 +2770,17 @@
font-size: 1rem; font-size: 1rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon { .p-dialog .p-dialog-header .p-dialog-header-icon {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #848484; color: #a6a6a6;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 3px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:hover { .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: #333333; color: #41b883;
border-color: transparent; border-color: transparent;
background: transparent; background: transparent;
} }
@ -2771,19 +2827,17 @@
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #41b883; background: #41b883;
border: 0 none;
color: #ffffff; color: #ffffff;
width: 1.538rem; width: 2rem;
height: 1.538rem; height: 2rem;
position: absolute;
top: -0.769rem;
right: -0.769rem;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: #246749; background: #318c63;
border-color: transparent;
color: #ffffff; color: #ffffff;
} }
.p-overlaypanel:after { .p-overlaypanel:after {
@ -2811,18 +2865,23 @@
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
} }
.p-sidebar .p-sidebar-close { .p-sidebar .p-sidebar-close {
background: #41b883; width: 2rem;
height: 2rem;
color: #a6a6a6;
border: 0 none; border: 0 none;
color: #ffffff; background: transparent;
width: 1.538rem;
height: 1.538rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-sidebar .p-sidebar-close:hover { .p-sidebar .p-sidebar-close:enabled:hover {
background: #246749; color: #41b883;
border-color: transparent; border-color: transparent;
color: #ffffff; background: transparent;
}
.p-sidebar .p-sidebar-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c2e9d8;
} }
.p-sidebar-mask.p-component-overlay { .p-sidebar-mask.p-component-overlay {
@ -3301,21 +3360,15 @@
} }
.p-menubar .p-menubar-button { .p-menubar .p-menubar-button {
display: flex; display: flex;
color: #848484;
background: transparent;
border: 0 none;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #333333;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i {
font-size: 1rem;
}
.p-menubar .p-menubar-button:hover { .p-menubar .p-menubar-button:hover {
color: #333333; color: #333333;
background: transparent; background: #eaeaea;
border-color: transparent;
} }
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
@ -3733,6 +3786,21 @@
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem; 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 { .p-message.p-message-info {
background: #7fbcec; background: #7fbcec;
border: 0 none; border: 0 none;
@ -3743,7 +3811,6 @@
color: #212121; color: #212121;
} }
.p-message.p-message-info .p-message-close { .p-message.p-message-info .p-message-close {
background: #7fbcec;
color: #212121; color: #212121;
} }
.p-message.p-message-success { .p-message.p-message-success {
@ -3756,7 +3823,6 @@
color: #212121; color: #212121;
} }
.p-message.p-message-success .p-message-close { .p-message.p-message-success .p-message-close {
background: #b7d8b7;
color: #212121; color: #212121;
} }
.p-message.p-message-warn { .p-message.p-message-warn {
@ -3769,7 +3835,6 @@
color: #212121; color: #212121;
} }
.p-message.p-message-warn .p-message-close { .p-message.p-message-warn .p-message-close {
background: #ffe399;
color: #212121; color: #212121;
} }
.p-message.p-message-error { .p-message.p-message-error {
@ -3782,23 +3847,8 @@
color: #212121; color: #212121;
} }
.p-message.p-message-error .p-message-close { .p-message.p-message-error .p-message-close {
background: #f8b7bd;
color: #212121; color: #212121;
} }
.p-message .p-message-close {
border-radius: 3px;
width: auto;
height: auto;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: transparent;
}
.p-message .p-message-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c2e9d8;
}
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
font-weight: normal; font-weight: normal;
@ -3833,13 +3883,19 @@
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
} }
.p-toast .p-toast-item-container .p-toast-icon-close { .p-toast .p-toast-item-container .p-toast-icon-close {
border-radius: 3px; width: 2rem;
width: auto; height: 2rem;
height: auto; border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-toast .p-toast-item-container .p-toast-icon-close:hover { .p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: transparent; background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c2e9d8;
} }
.p-toast .p-toast-item-container.p-toast-message-info { .p-toast .p-toast-item-container.p-toast-message-info {
background: #7fbcec; background: #7fbcec;
@ -4101,4 +4157,18 @@
color: #ffffff; color: #ffffff;
} }
.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 */ /* Customizations to the designer theme should be defined here */

View File

@ -158,20 +158,26 @@
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next { .p-datepicker .p-datepicker-header .p-datepicker-next {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #a6a6a6; color: #a6a6a6;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 3px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover, .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover { .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: #007ad9; color: #007ad9;
border-color: transparent; border-color: transparent;
background: 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 { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 1;
} }
@ -238,17 +244,24 @@
padding: 0.857rem 0 0.429rem 0; padding: 0.857rem 0 0.429rem 0;
} }
.p-datepicker .p-timepicker button { .p-datepicker .p-timepicker button {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #a6a6a6; color: #a6a6a6;
border: 0 none;
background: transparent; background: transparent;
border-radius: 3px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-timepicker button:hover { .p-datepicker .p-timepicker button:enabled:hover {
color: #007ad9; color: #007ad9;
border-color: transparent;
background: 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 { .p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em; margin-top: 0.2em;
} }
@ -287,10 +300,6 @@
padding-right: 0; padding-right: 0;
border-right: 0 none; border-right: 0 none;
} }
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: #007ad9;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: #eaeaea; background: #eaeaea;
} }
@ -897,20 +906,24 @@
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close { .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #848484; color: #a6a6a6;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 3px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: #333333; color: #007ad9;
border-color: transparent; border-color: transparent;
background: 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 { .p-multiselect-panel .p-multiselect-items {
padding: 0; padding: 0;
} }
@ -1612,20 +1625,26 @@
.p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
background: #ffffff;
border: 0 none;
color: #848484;
border-radius: 50%;
width: 2rem; width: 2rem;
height: 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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin: 0.5rem; margin: 0 0.5rem;
} }
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover, .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover { .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
background: #eaeaea; color: #007ad9;
border-color: transparent; border-color: transparent;
color: #848484; 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 { .p-carousel .p-carousel-indicators {
padding: 1rem; padding: 1rem;
@ -1734,23 +1753,41 @@
border-width: 1px; border-width: 1px;
padding: 0.571rem 0.857rem; padding: 0.571rem 0.857rem;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler { .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
color: #848484; .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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover { .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
color: #333333; .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.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: #007ad9; background: #007ad9;
color: #ffffff; color: #ffffff;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 #007ad9; box-shadow: inset 0 2px 0 0 #007ad9;
} }
@ -2064,20 +2101,15 @@
padding: 0.571rem 1rem; padding: 0.571rem 1rem;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler { .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
bottom: -0.7em; background: inherit;
margin-left: -0.46em; color: inherit;
color: #848484; border-radius: 50%;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff; box-shadow: 0 0 0 0.2rem #8dcdff;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: #333333;
}
.p-paginator { .p-paginator {
background: #f4f4f4; background: #f4f4f4;
@ -2244,11 +2276,23 @@
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem; margin-right: 0.5rem;
color: #848484; 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; 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:hover { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: #333333; 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 { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2381,12 +2425,24 @@
padding: 0.571rem 0.857rem; padding: 0.571rem 0.857rem;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
color: #848484; width: 2rem;
margin-right: 0.5rem; height: 2rem;
color: #a6a6a6;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: #333333; 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 { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2564,7 +2620,7 @@
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
transition: background-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
@ -2598,16 +2654,16 @@
font-weight: 700; font-weight: 700;
} }
.p-panel .p-panel-header .p-panel-header-icon { .p-panel .p-panel-header .p-panel-header-icon {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #848484; color: #a6a6a6;
background: transparent;
border: 0 none; border: 0 none;
border-radius: 3px; background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-panel .p-panel-header .p-panel-header-icon:hover { .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: #333333; color: #007ad9;
border-color: transparent; border-color: transparent;
background: transparent; background: transparent;
} }
@ -2714,17 +2770,17 @@
font-size: 1rem; font-size: 1rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon { .p-dialog .p-dialog-header .p-dialog-header-icon {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #848484; color: #a6a6a6;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 3px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:hover { .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: #333333; color: #007ad9;
border-color: transparent; border-color: transparent;
background: transparent; background: transparent;
} }
@ -2771,19 +2827,17 @@
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #007ad9; background: #007ad9;
border: 0 none;
color: #ffffff; color: #ffffff;
width: 1.538rem; width: 2rem;
height: 1.538rem; height: 2rem;
position: absolute;
top: -0.769rem;
right: -0.769rem;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: #005b9f; background: #116fbf;
border-color: transparent;
color: #ffffff; color: #ffffff;
} }
.p-overlaypanel:after { .p-overlaypanel:after {
@ -2811,18 +2865,23 @@
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
} }
.p-sidebar .p-sidebar-close { .p-sidebar .p-sidebar-close {
background: #007ad9; width: 2rem;
height: 2rem;
color: #a6a6a6;
border: 0 none; border: 0 none;
color: #ffffff; background: transparent;
width: 1.538rem;
height: 1.538rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-sidebar .p-sidebar-close:hover { .p-sidebar .p-sidebar-close:enabled:hover {
background: #005b9f; color: #007ad9;
border-color: transparent; border-color: transparent;
color: #ffffff; background: transparent;
}
.p-sidebar .p-sidebar-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
} }
.p-sidebar-mask.p-component-overlay { .p-sidebar-mask.p-component-overlay {
@ -3301,21 +3360,15 @@
} }
.p-menubar .p-menubar-button { .p-menubar .p-menubar-button {
display: flex; display: flex;
color: #848484;
background: transparent;
border: 0 none;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #333333;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i {
font-size: 1rem;
}
.p-menubar .p-menubar-button:hover { .p-menubar .p-menubar-button:hover {
color: #333333; color: #333333;
background: transparent; background: #eaeaea;
border-color: transparent;
} }
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
@ -3733,6 +3786,21 @@
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem; 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 { .p-message.p-message-info {
background: #7fbcec; background: #7fbcec;
border: 0 none; border: 0 none;
@ -3743,7 +3811,6 @@
color: #212121; color: #212121;
} }
.p-message.p-message-info .p-message-close { .p-message.p-message-info .p-message-close {
background: #7fbcec;
color: #212121; color: #212121;
} }
.p-message.p-message-success { .p-message.p-message-success {
@ -3756,7 +3823,6 @@
color: #212121; color: #212121;
} }
.p-message.p-message-success .p-message-close { .p-message.p-message-success .p-message-close {
background: #b7d8b7;
color: #212121; color: #212121;
} }
.p-message.p-message-warn { .p-message.p-message-warn {
@ -3769,7 +3835,6 @@
color: #212121; color: #212121;
} }
.p-message.p-message-warn .p-message-close { .p-message.p-message-warn .p-message-close {
background: #ffe399;
color: #212121; color: #212121;
} }
.p-message.p-message-error { .p-message.p-message-error {
@ -3782,23 +3847,8 @@
color: #212121; color: #212121;
} }
.p-message.p-message-error .p-message-close { .p-message.p-message-error .p-message-close {
background: #f8b7bd;
color: #212121; color: #212121;
} }
.p-message .p-message-close {
border-radius: 3px;
width: auto;
height: auto;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: transparent;
}
.p-message .p-message-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
}
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
font-weight: normal; font-weight: normal;
@ -3833,13 +3883,19 @@
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
} }
.p-toast .p-toast-item-container .p-toast-icon-close { .p-toast .p-toast-item-container .p-toast-icon-close {
border-radius: 3px; width: 2rem;
width: auto; height: 2rem;
height: auto; border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-toast .p-toast-item-container .p-toast-icon-close:hover { .p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: transparent; background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
} }
.p-toast .p-toast-item-container.p-toast-message-info { .p-toast .p-toast-item-container.p-toast-message-info {
background: #7fbcec; background: #7fbcec;
@ -4101,4 +4157,18 @@
color: #ffffff; color: #ffffff;
} }
.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 */ /* Customizations to the designer theme should be defined here */

View File

@ -158,20 +158,26 @@
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next { .p-datepicker .p-datepicker-header .p-datepicker-next {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #a6a6a6; color: #a6a6a6;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 2px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover, .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover { .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: #666666; color: #666666;
border-color: transparent; border-color: transparent;
background: 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 { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 1;
} }
@ -238,17 +244,24 @@
padding: 0.857rem 0 0.429rem 0; padding: 0.857rem 0 0.429rem 0;
} }
.p-datepicker .p-timepicker button { .p-datepicker .p-timepicker button {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #a6a6a6; color: #a6a6a6;
border: 0 none;
background: transparent; background: transparent;
border-radius: 2px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-timepicker button:hover { .p-datepicker .p-timepicker button:enabled:hover {
color: #666666; color: #666666;
border-color: transparent;
background: 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 { .p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em; margin-top: 0.2em;
} }
@ -287,10 +300,6 @@
padding-right: 0; padding-right: 0;
border-right: 0 none; border-right: 0 none;
} }
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: #666666;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: #f4f4f4; background: #f4f4f4;
} }
@ -893,20 +902,24 @@
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close { .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #a6a6a6; color: #a6a6a6;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 2px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: #7B95A3; color: #666666;
border-color: transparent; border-color: transparent;
background: 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 { .p-multiselect-panel .p-multiselect-items {
padding: 0; padding: 0;
} }
@ -1604,20 +1617,26 @@
.p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
background: #ffffff;
border: 0 none;
color: #a6a6a6;
border-radius: 50%;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover {
background: #f4f4f4;
border-color: transparent;
color: #a6a6a6; color: #a6a6a6;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin: 0 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 { .p-carousel .p-carousel-indicators {
padding: 1rem; padding: 1rem;
@ -1726,23 +1745,41 @@
border-width: 1px; border-width: 1px;
padding: 0.571rem 0.857rem; padding: 0.571rem 0.857rem;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler { .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; color: #a6a6a6;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover { .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; 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.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: #AFD3C8; background: #AFD3C8;
color: #385048; color: #385048;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: #385048;
}
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: #385048;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 #AFD3C8; box-shadow: inset 0 2px 0 0 #AFD3C8;
} }
@ -2056,20 +2093,15 @@
padding: 0.571rem 1rem; padding: 0.571rem 1rem;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler { .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
bottom: -0.7em; background: inherit;
margin-left: -0.46em; color: inherit;
color: #a6a6a6; border-radius: 50%;
border-radius: 2px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem #e4e9ec; box-shadow: 0 0 0 0.2rem #e4e9ec;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: #666666;
}
.p-paginator { .p-paginator {
background: #ffffff; background: #ffffff;
@ -2236,11 +2268,23 @@
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem; margin-right: 0.5rem;
width: 2rem;
height: 2rem;
color: #a6a6a6; color: #a6a6a6;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: #666666; 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 { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2373,12 +2417,24 @@
padding: 0.571rem 0.857rem; padding: 0.571rem 0.857rem;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
width: 2rem;
height: 2rem;
color: #a6a6a6; color: #a6a6a6;
margin-right: 0.5rem; border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: #666666; 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 { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2556,7 +2612,7 @@
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 0.857rem 1rem; padding: 0.857rem 1rem;
@ -2590,16 +2646,16 @@
font-weight: 700; font-weight: 700;
} }
.p-panel .p-panel-header .p-panel-header-icon { .p-panel .p-panel-header .p-panel-header-icon {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #ffffff; color: #a6a6a6;
background: transparent;
border: 0 none; border: 0 none;
border-radius: 2px; background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-panel .p-panel-header .p-panel-header-icon:hover { .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: #ffffff; color: #666666;
border-color: transparent; border-color: transparent;
background: transparent; background: transparent;
} }
@ -2706,17 +2762,17 @@
font-size: 1rem; font-size: 1rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon { .p-dialog .p-dialog-header .p-dialog-header-icon {
width: auto; width: 2rem;
height: auto; height: 2rem;
color: #ffffff; color: #a6a6a6;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 2px; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:hover { .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: #ffffff; color: #666666;
border-color: transparent; border-color: transparent;
background: transparent; background: transparent;
} }
@ -2763,19 +2819,17 @@
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #7B95A3; background: #7B95A3;
border: 0 none;
color: #ffffff; color: #ffffff;
width: 1.538rem; width: 2rem;
height: 1.538rem; height: 2rem;
position: absolute;
top: -0.769rem;
right: -0.769rem;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: #617c8a; background: #6c8999;
border-color: transparent;
color: #ffffff; color: #ffffff;
} }
.p-overlaypanel:after { .p-overlaypanel:after {
@ -2803,18 +2857,23 @@
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
} }
.p-sidebar .p-sidebar-close { .p-sidebar .p-sidebar-close {
background: #7B95A3; width: 2rem;
height: 2rem;
color: #a6a6a6;
border: 0 none; border: 0 none;
color: #ffffff; background: transparent;
width: 1.538rem;
height: 1.538rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-sidebar .p-sidebar-close:hover { .p-sidebar .p-sidebar-close:enabled:hover {
background: #617c8a; color: #666666;
border-color: transparent; border-color: transparent;
color: #ffffff; background: transparent;
}
.p-sidebar .p-sidebar-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #e4e9ec;
} }
.p-sidebar-mask.p-component-overlay { .p-sidebar-mask.p-component-overlay {
@ -3293,21 +3352,15 @@
} }
.p-menubar .p-menubar-button { .p-menubar .p-menubar-button {
display: flex; display: flex;
color: #ffffff;
background: transparent;
border: 0 none;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #666666;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i {
font-size: 1rem;
}
.p-menubar .p-menubar-button:hover { .p-menubar .p-menubar-button:hover {
color: #ffffff; color: #666666;
background: transparent; background: #eaeaea;
border-color: transparent;
} }
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
@ -3725,6 +3778,21 @@
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem; 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 { .p-message.p-message-info {
background: #A3DEF8; background: #A3DEF8;
border: 1px solid #79C8EB; border: 1px solid #79C8EB;
@ -3735,7 +3803,6 @@
color: #212121; color: #212121;
} }
.p-message.p-message-info .p-message-close { .p-message.p-message-info .p-message-close {
background: #A3DEF8;
color: #212121; color: #212121;
} }
.p-message.p-message-success { .p-message.p-message-success {
@ -3748,7 +3815,6 @@
color: #212121; color: #212121;
} }
.p-message.p-message-success .p-message-close { .p-message.p-message-success .p-message-close {
background: #A3E2C6;
color: #212121; color: #212121;
} }
.p-message.p-message-warn { .p-message.p-message-warn {
@ -3761,7 +3827,6 @@
color: #212121; color: #212121;
} }
.p-message.p-message-warn .p-message-close { .p-message.p-message-warn .p-message-close {
background: #ffe277;
color: #212121; color: #212121;
} }
.p-message.p-message-error { .p-message.p-message-error {
@ -3774,23 +3839,8 @@
color: #212121; color: #212121;
} }
.p-message.p-message-error .p-message-close { .p-message.p-message-error .p-message-close {
background: #ff8b8b;
color: #212121; color: #212121;
} }
.p-message .p-message-close {
border-radius: 2px;
width: auto;
height: auto;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: transparent;
}
.p-message .p-message-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #e4e9ec;
}
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
font-weight: normal; font-weight: normal;
@ -3825,13 +3875,19 @@
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
} }
.p-toast .p-toast-item-container .p-toast-icon-close { .p-toast .p-toast-item-container .p-toast-icon-close {
border-radius: 2px; width: 2rem;
width: auto; height: 2rem;
height: auto; border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-toast .p-toast-item-container .p-toast-icon-close:hover { .p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: transparent; background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #e4e9ec;
} }
.p-toast .p-toast-item-container.p-toast-message-info { .p-toast .p-toast-item-container.p-toast-message-info {
background: #A3DEF8; background: #A3DEF8;
@ -4093,4 +4149,18 @@
color: #262222; color: #262222;
} }
.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 */ /* Customizations to the designer theme should be defined here */

View File

@ -158,20 +158,26 @@
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next { .p-datepicker .p-datepicker-header .p-datepicker-next {
width: 2.5rem; width: 2rem;
height: 2.5rem; height: 2rem;
color: #6c757d; color: #6c757d;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover, .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover { .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: #495057; color: #495057;
border-color: transparent; border-color: transparent;
background: #e9ecef; background: #e9ecef;
} }
.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 #BBDEFB;
}
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 1;
} }
@ -238,17 +244,24 @@
padding: 0.5rem; padding: 0.5rem;
} }
.p-datepicker .p-timepicker button { .p-datepicker .p-timepicker button {
width: 2.5rem; width: 2rem;
height: 2.5rem; height: 2rem;
color: #6c757d; color: #6c757d;
border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-timepicker button:hover { .p-datepicker .p-timepicker button:enabled:hover {
color: #495057; color: #495057;
border-color: transparent;
background: #e9ecef; background: #e9ecef;
} }
.p-datepicker .p-timepicker button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BBDEFB;
}
.p-datepicker .p-timepicker button:last-child { .p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em; margin-top: 0.2em;
} }
@ -287,10 +300,6 @@
padding-right: 0; padding-right: 0;
border-right: 0 none; border-right: 0 none;
} }
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: #495057;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: #e9ecef; background: #e9ecef;
} }
@ -904,12 +913,16 @@
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: #495057; color: #495057;
border-color: transparent; border-color: transparent;
background: #dee2e6; background: #e9ecef;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BBDEFB;
} }
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0.5rem 0; padding: 0.5rem 0;
@ -1612,20 +1625,26 @@
.p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
background: #ffffff;
border: 0 none;
color: #6c757d;
border-radius: 50%;
width: 2rem; width: 2rem;
height: 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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin: 0.5rem; margin: 0 0.5rem;
} }
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover, .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover { .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
background: #e9ecef;
border-color: transparent;
color: #495057; color: #495057;
border-color: transparent;
background: #e9ecef;
}
.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 #BBDEFB;
} }
.p-carousel .p-carousel-indicators { .p-carousel .p-carousel-indicators {
padding: 1rem; padding: 1rem;
@ -1734,23 +1753,41 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler { .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: #6c757d; color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover { .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: #495057; color: #495057;
border-color: transparent;
background: #e9ecef;
}
.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 #BBDEFB;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
margin-right: 0.5rem;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: #2196F3; background: #2196F3;
color: #ffffff; color: #ffffff;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 #2196F3; box-shadow: inset 0 2px 0 0 #2196F3;
} }
@ -2064,20 +2101,15 @@
padding: 1rem; padding: 1rem;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler { .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
bottom: -0.7em; background: inherit;
margin-left: -0.46em; color: inherit;
color: #6c757d; border-radius: 50%;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BBDEFB; box-shadow: 0 0 0 0.2rem #BBDEFB;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: #495057;
}
.p-paginator { .p-paginator {
background: #ffffff; background: #ffffff;
@ -2244,11 +2276,23 @@
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem; margin-right: 0.5rem;
width: 2rem;
height: 2rem;
color: #6c757d; color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: #495057; color: #495057;
border-color: transparent;
background: #e9ecef;
}
.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 #BBDEFB;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2381,12 +2425,24 @@
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
width: 2rem;
height: 2rem;
color: #6c757d; color: #6c757d;
margin-right: 0.5rem; border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: #495057; color: #495057;
border-color: transparent;
background: #e9ecef;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BBDEFB;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2581,7 +2637,7 @@
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
transition: box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem; padding: 1rem;
@ -2618,12 +2674,12 @@
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #6c757d; color: #6c757d;
background: transparent;
border: 0 none; border: 0 none;
background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-panel .p-panel-header .p-panel-header-icon:hover { .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: #495057; color: #495057;
border-color: transparent; border-color: transparent;
background: #e9ecef; background: #e9ecef;
@ -2740,7 +2796,7 @@
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:hover { .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: #495057; color: #495057;
border-color: transparent; border-color: transparent;
background: #e9ecef; background: #e9ecef;
@ -2788,19 +2844,17 @@
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #2196F3; background: #2196F3;
border: 0 none;
color: #ffffff; color: #ffffff;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 50%;
position: absolute; position: absolute;
top: -1rem; top: -1rem;
right: -1rem; right: -1rem;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-overlaypanel .p-overlaypanel-close:hover { .p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: #1E88E5; background: #1E88E5;
border-color: transparent;
color: #ffffff; color: #ffffff;
} }
.p-overlaypanel:after { .p-overlaypanel:after {
@ -2828,18 +2882,23 @@
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
} }
.p-sidebar .p-sidebar-close { .p-sidebar .p-sidebar-close {
background: transparent;
border: 0 none;
color: #6c757d;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-sidebar .p-sidebar-close:hover { .p-sidebar .p-sidebar-close:enabled:hover {
background: #e9ecef;
border-color: transparent;
color: #495057; color: #495057;
border-color: transparent;
background: #e9ecef;
}
.p-sidebar .p-sidebar-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BBDEFB;
} }
.p-sidebar-mask.p-component-overlay { .p-sidebar-mask.p-component-overlay {
@ -3318,21 +3377,15 @@
} }
.p-menubar .p-menubar-button { .p-menubar .p-menubar-button {
display: flex; display: flex;
width: 2rem;
height: 2rem;
color: #6c757d; color: #6c757d;
background: transparent;
border: 0 none;
width: 2.5rem;
height: 2.5rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i {
font-size: 1.5rem;
}
.p-menubar .p-menubar-button:hover { .p-menubar .p-menubar-button:hover {
color: #495057; color: #6c757d;
background: #e9ecef; background: #e9ecef;
border-color: transparent;
} }
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
@ -3767,6 +3820,21 @@
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
} }
.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 #BBDEFB;
}
.p-message.p-message-info { .p-message.p-message-info {
background: #B3E5FC; background: #B3E5FC;
border: solid #03A9F4; border: solid #03A9F4;
@ -3777,7 +3845,6 @@
color: #01579B; color: #01579B;
} }
.p-message.p-message-info .p-message-close { .p-message.p-message-info .p-message-close {
background: #B3E5FC;
color: #01579B; color: #01579B;
} }
.p-message.p-message-success { .p-message.p-message-success {
@ -3790,7 +3857,6 @@
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-success .p-message-close { .p-message.p-message-success .p-message-close {
background: #C8E6C9;
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-warn { .p-message.p-message-warn {
@ -3803,7 +3869,6 @@
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-warn .p-message-close { .p-message.p-message-warn .p-message-close {
background: #FFECB3;
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-error { .p-message.p-message-error {
@ -3816,23 +3881,8 @@
color: #B71C1C; color: #B71C1C;
} }
.p-message.p-message-error .p-message-close { .p-message.p-message-error .p-message-close {
background: #FFCDD2;
color: #B71C1C; color: #B71C1C;
} }
.p-message .p-message-close {
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: rgba(255, 255, 255, 0.2);
}
.p-message .p-message-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BBDEFB;
}
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: 500;
@ -3867,13 +3917,19 @@
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
} }
.p-toast .p-toast-item-container .p-toast-icon-close { .p-toast .p-toast-item-container .p-toast-icon-close {
border-radius: 50%;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-toast .p-toast-item-container .p-toast-icon-close:hover { .p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BBDEFB;
} }
.p-toast .p-toast-item-container.p-toast-message-info { .p-toast .p-toast-item-container.p-toast-message-info {
background: #B3E5FC; background: #B3E5FC;

View File

@ -158,20 +158,26 @@
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next { .p-datepicker .p-datepicker-header .p-datepicker-next {
width: 2.5rem; width: 2rem;
height: 2.5rem; height: 2rem;
color: #6c757d; color: #6c757d;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover, .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover { .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: #495057; color: #495057;
border-color: transparent; border-color: transparent;
background: #e9ecef; background: #e9ecef;
} }
.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 #C8E6C9;
}
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 1;
} }
@ -238,17 +244,24 @@
padding: 0.5rem; padding: 0.5rem;
} }
.p-datepicker .p-timepicker button { .p-datepicker .p-timepicker button {
width: 2.5rem; width: 2rem;
height: 2.5rem; height: 2rem;
color: #6c757d; color: #6c757d;
border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-timepicker button:hover { .p-datepicker .p-timepicker button:enabled:hover {
color: #495057; color: #495057;
border-color: transparent;
background: #e9ecef; background: #e9ecef;
} }
.p-datepicker .p-timepicker button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #C8E6C9;
}
.p-datepicker .p-timepicker button:last-child { .p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em; margin-top: 0.2em;
} }
@ -287,10 +300,6 @@
padding-right: 0; padding-right: 0;
border-right: 0 none; border-right: 0 none;
} }
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: #495057;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: #e9ecef; background: #e9ecef;
} }
@ -904,12 +913,16 @@
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: #495057; color: #495057;
border-color: transparent; border-color: transparent;
background: #dee2e6; background: #e9ecef;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #C8E6C9;
} }
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0.5rem 0; padding: 0.5rem 0;
@ -1612,20 +1625,26 @@
.p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
background: #ffffff;
border: 0 none;
color: #6c757d;
border-radius: 50%;
width: 2rem; width: 2rem;
height: 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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin: 0.5rem; margin: 0 0.5rem;
} }
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover, .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover { .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
background: #e9ecef;
border-color: transparent;
color: #495057; color: #495057;
border-color: transparent;
background: #e9ecef;
}
.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 #C8E6C9;
} }
.p-carousel .p-carousel-indicators { .p-carousel .p-carousel-indicators {
padding: 1rem; padding: 1rem;
@ -1734,23 +1753,41 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler { .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: #6c757d; color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover { .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: #495057; color: #495057;
border-color: transparent;
background: #e9ecef;
}
.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 #C8E6C9;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
margin-right: 0.5rem;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: #4CAF50; background: #4CAF50;
color: #ffffff; color: #ffffff;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 #4CAF50; box-shadow: inset 0 2px 0 0 #4CAF50;
} }
@ -2064,20 +2101,15 @@
padding: 1rem; padding: 1rem;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler { .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
bottom: -0.7em; background: inherit;
margin-left: -0.46em; color: inherit;
color: #6c757d; border-radius: 50%;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem #C8E6C9; box-shadow: 0 0 0 0.2rem #C8E6C9;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: #495057;
}
.p-paginator { .p-paginator {
background: #ffffff; background: #ffffff;
@ -2244,11 +2276,23 @@
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem; margin-right: 0.5rem;
width: 2rem;
height: 2rem;
color: #6c757d; color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: #495057; color: #495057;
border-color: transparent;
background: #e9ecef;
}
.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 #C8E6C9;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2381,12 +2425,24 @@
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
width: 2rem;
height: 2rem;
color: #6c757d; color: #6c757d;
margin-right: 0.5rem; border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: #495057; color: #495057;
border-color: transparent;
background: #e9ecef;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #C8E6C9;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2581,7 +2637,7 @@
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
transition: box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem; padding: 1rem;
@ -2618,12 +2674,12 @@
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #6c757d; color: #6c757d;
background: transparent;
border: 0 none; border: 0 none;
background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-panel .p-panel-header .p-panel-header-icon:hover { .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: #495057; color: #495057;
border-color: transparent; border-color: transparent;
background: #e9ecef; background: #e9ecef;
@ -2740,7 +2796,7 @@
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:hover { .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: #495057; color: #495057;
border-color: transparent; border-color: transparent;
background: #e9ecef; background: #e9ecef;
@ -2788,19 +2844,17 @@
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #4CAF50; background: #4CAF50;
border: 0 none;
color: #ffffff; color: #ffffff;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 50%;
position: absolute; position: absolute;
top: -1rem; top: -1rem;
right: -1rem; right: -1rem;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-overlaypanel .p-overlaypanel-close:hover { .p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: #43A047; background: #43A047;
border-color: transparent;
color: #ffffff; color: #ffffff;
} }
.p-overlaypanel:after { .p-overlaypanel:after {
@ -2828,18 +2882,23 @@
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
} }
.p-sidebar .p-sidebar-close { .p-sidebar .p-sidebar-close {
background: transparent;
border: 0 none;
color: #6c757d;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-sidebar .p-sidebar-close:hover { .p-sidebar .p-sidebar-close:enabled:hover {
background: #e9ecef;
border-color: transparent;
color: #495057; color: #495057;
border-color: transparent;
background: #e9ecef;
}
.p-sidebar .p-sidebar-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #C8E6C9;
} }
.p-sidebar-mask.p-component-overlay { .p-sidebar-mask.p-component-overlay {
@ -3318,21 +3377,15 @@
} }
.p-menubar .p-menubar-button { .p-menubar .p-menubar-button {
display: flex; display: flex;
width: 2rem;
height: 2rem;
color: #6c757d; color: #6c757d;
background: transparent;
border: 0 none;
width: 2.5rem;
height: 2.5rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i {
font-size: 1.5rem;
}
.p-menubar .p-menubar-button:hover { .p-menubar .p-menubar-button:hover {
color: #495057; color: #6c757d;
background: #e9ecef; background: #e9ecef;
border-color: transparent;
} }
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
@ -3767,6 +3820,21 @@
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
} }
.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 #C8E6C9;
}
.p-message.p-message-info { .p-message.p-message-info {
background: #B3E5FC; background: #B3E5FC;
border: solid #03A9F4; border: solid #03A9F4;
@ -3777,7 +3845,6 @@
color: #01579B; color: #01579B;
} }
.p-message.p-message-info .p-message-close { .p-message.p-message-info .p-message-close {
background: #B3E5FC;
color: #01579B; color: #01579B;
} }
.p-message.p-message-success { .p-message.p-message-success {
@ -3790,7 +3857,6 @@
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-success .p-message-close { .p-message.p-message-success .p-message-close {
background: #C8E6C9;
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-warn { .p-message.p-message-warn {
@ -3803,7 +3869,6 @@
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-warn .p-message-close { .p-message.p-message-warn .p-message-close {
background: #FFECB3;
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-error { .p-message.p-message-error {
@ -3816,23 +3881,8 @@
color: #B71C1C; color: #B71C1C;
} }
.p-message.p-message-error .p-message-close { .p-message.p-message-error .p-message-close {
background: #FFCDD2;
color: #B71C1C; color: #B71C1C;
} }
.p-message .p-message-close {
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: rgba(255, 255, 255, 0.2);
}
.p-message .p-message-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #C8E6C9;
}
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: 500;
@ -3867,13 +3917,19 @@
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
} }
.p-toast .p-toast-item-container .p-toast-icon-close { .p-toast .p-toast-item-container .p-toast-icon-close {
border-radius: 50%;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-toast .p-toast-item-container .p-toast-icon-close:hover { .p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #C8E6C9;
} }
.p-toast .p-toast-item-container.p-toast-message-info { .p-toast .p-toast-item-container.p-toast-message-info {
background: #B3E5FC; background: #B3E5FC;

View File

@ -158,20 +158,26 @@
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next { .p-datepicker .p-datepicker-header .p-datepicker-next {
width: 2.5rem; width: 2rem;
height: 2.5rem; height: 2rem;
color: #6c757d; color: #6c757d;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover, .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover { .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: #495057; color: #495057;
border-color: transparent; border-color: transparent;
background: #e9ecef; background: #e9ecef;
} }
.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 #FFECB3;
}
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 1;
} }
@ -238,17 +244,24 @@
padding: 0.5rem; padding: 0.5rem;
} }
.p-datepicker .p-timepicker button { .p-datepicker .p-timepicker button {
width: 2.5rem; width: 2rem;
height: 2.5rem; height: 2rem;
color: #6c757d; color: #6c757d;
border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-timepicker button:hover { .p-datepicker .p-timepicker button:enabled:hover {
color: #495057; color: #495057;
border-color: transparent;
background: #e9ecef; background: #e9ecef;
} }
.p-datepicker .p-timepicker button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #FFECB3;
}
.p-datepicker .p-timepicker button:last-child { .p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em; margin-top: 0.2em;
} }
@ -287,10 +300,6 @@
padding-right: 0; padding-right: 0;
border-right: 0 none; border-right: 0 none;
} }
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: #495057;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: #e9ecef; background: #e9ecef;
} }
@ -904,12 +913,16 @@
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: #495057; color: #495057;
border-color: transparent; border-color: transparent;
background: #dee2e6; background: #e9ecef;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #FFECB3;
} }
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0.5rem 0; padding: 0.5rem 0;
@ -1612,20 +1625,26 @@
.p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
background: #ffffff;
border: 0 none;
color: #6c757d;
border-radius: 50%;
width: 2rem; width: 2rem;
height: 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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin: 0.5rem; margin: 0 0.5rem;
} }
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover, .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover { .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
background: #e9ecef;
border-color: transparent;
color: #495057; color: #495057;
border-color: transparent;
background: #e9ecef;
}
.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 #FFECB3;
} }
.p-carousel .p-carousel-indicators { .p-carousel .p-carousel-indicators {
padding: 1rem; padding: 1rem;
@ -1734,23 +1753,41 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler { .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: #6c757d; color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover { .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: #495057; color: #495057;
border-color: transparent;
background: #e9ecef;
}
.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 #FFECB3;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
margin-right: 0.5rem;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: #FFC107; background: #FFC107;
color: #212529; color: #212529;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: #212529;
}
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: #212529;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 #FFC107; box-shadow: inset 0 2px 0 0 #FFC107;
} }
@ -2064,20 +2101,15 @@
padding: 1rem; padding: 1rem;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler { .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
bottom: -0.7em; background: inherit;
margin-left: -0.46em; color: inherit;
color: #6c757d; border-radius: 50%;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem #FFECB3; box-shadow: 0 0 0 0.2rem #FFECB3;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: #495057;
}
.p-paginator { .p-paginator {
background: #ffffff; background: #ffffff;
@ -2244,11 +2276,23 @@
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem; margin-right: 0.5rem;
width: 2rem;
height: 2rem;
color: #6c757d; color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: #495057; color: #495057;
border-color: transparent;
background: #e9ecef;
}
.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 #FFECB3;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2381,12 +2425,24 @@
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
width: 2rem;
height: 2rem;
color: #6c757d; color: #6c757d;
margin-right: 0.5rem; border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: #495057; color: #495057;
border-color: transparent;
background: #e9ecef;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #FFECB3;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2581,7 +2637,7 @@
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
transition: box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem; padding: 1rem;
@ -2618,12 +2674,12 @@
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #6c757d; color: #6c757d;
background: transparent;
border: 0 none; border: 0 none;
background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-panel .p-panel-header .p-panel-header-icon:hover { .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: #495057; color: #495057;
border-color: transparent; border-color: transparent;
background: #e9ecef; background: #e9ecef;
@ -2740,7 +2796,7 @@
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:hover { .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: #495057; color: #495057;
border-color: transparent; border-color: transparent;
background: #e9ecef; background: #e9ecef;
@ -2788,19 +2844,17 @@
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #FFC107; background: #FFC107;
border: 0 none;
color: #212529; color: #212529;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 50%;
position: absolute; position: absolute;
top: -1rem; top: -1rem;
right: -1rem; right: -1rem;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-overlaypanel .p-overlaypanel-close:hover { .p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: #FFB300; background: #FFB300;
border-color: transparent;
color: #212529; color: #212529;
} }
.p-overlaypanel:after { .p-overlaypanel:after {
@ -2828,18 +2882,23 @@
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
} }
.p-sidebar .p-sidebar-close { .p-sidebar .p-sidebar-close {
background: transparent;
border: 0 none;
color: #6c757d;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: #6c757d;
border: 0 none;
background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-sidebar .p-sidebar-close:hover { .p-sidebar .p-sidebar-close:enabled:hover {
background: #e9ecef;
border-color: transparent;
color: #495057; color: #495057;
border-color: transparent;
background: #e9ecef;
}
.p-sidebar .p-sidebar-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #FFECB3;
} }
.p-sidebar-mask.p-component-overlay { .p-sidebar-mask.p-component-overlay {
@ -3318,21 +3377,15 @@
} }
.p-menubar .p-menubar-button { .p-menubar .p-menubar-button {
display: flex; display: flex;
width: 2rem;
height: 2rem;
color: #6c757d; color: #6c757d;
background: transparent;
border: 0 none;
width: 2.5rem;
height: 2.5rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i {
font-size: 1.5rem;
}
.p-menubar .p-menubar-button:hover { .p-menubar .p-menubar-button:hover {
color: #495057; color: #6c757d;
background: #e9ecef; background: #e9ecef;
border-color: transparent;
} }
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
@ -3767,6 +3820,21 @@
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
} }
.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 #FFECB3;
}
.p-message.p-message-info { .p-message.p-message-info {
background: #B3E5FC; background: #B3E5FC;
border: solid #03A9F4; border: solid #03A9F4;
@ -3777,7 +3845,6 @@
color: #01579B; color: #01579B;
} }
.p-message.p-message-info .p-message-close { .p-message.p-message-info .p-message-close {
background: #B3E5FC;
color: #01579B; color: #01579B;
} }
.p-message.p-message-success { .p-message.p-message-success {
@ -3790,7 +3857,6 @@
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-success .p-message-close { .p-message.p-message-success .p-message-close {
background: #C8E6C9;
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-warn { .p-message.p-message-warn {
@ -3803,7 +3869,6 @@
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-warn .p-message-close { .p-message.p-message-warn .p-message-close {
background: #FFECB3;
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-error { .p-message.p-message-error {
@ -3816,23 +3881,8 @@
color: #B71C1C; color: #B71C1C;
} }
.p-message.p-message-error .p-message-close { .p-message.p-message-error .p-message-close {
background: #FFCDD2;
color: #B71C1C; color: #B71C1C;
} }
.p-message .p-message-close {
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: rgba(255, 255, 255, 0.2);
}
.p-message .p-message-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #FFECB3;
}
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: 500;
@ -3867,13 +3917,19 @@
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
} }
.p-toast .p-toast-item-container .p-toast-icon-close { .p-toast .p-toast-item-container .p-toast-icon-close {
border-radius: 50%;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-toast .p-toast-item-container .p-toast-icon-close:hover { .p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #FFECB3;
} }
.p-toast .p-toast-item-container.p-toast-message-info { .p-toast .p-toast-item-container.p-toast-message-info {
background: #B3E5FC; background: #B3E5FC;

View File

@ -158,20 +158,26 @@
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next { .p-datepicker .p-datepicker-header .p-datepicker-next {
width: 2.5rem; width: 2rem;
height: 2.5rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover, .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover { .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
} }
.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 1px #BBDEFB;
}
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 1;
} }
@ -238,17 +244,24 @@
padding: 0.5rem; padding: 0.5rem;
} }
.p-datepicker .p-timepicker button { .p-datepicker .p-timepicker button {
width: 2.5rem; width: 2rem;
height: 2.5rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-timepicker button:hover { .p-datepicker .p-timepicker button:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
} }
.p-datepicker .p-timepicker button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #BBDEFB;
}
.p-datepicker .p-timepicker button:last-child { .p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em; margin-top: 0.2em;
} }
@ -287,10 +300,6 @@
padding-right: 0; padding-right: 0;
border-right: 0 none; border-right: 0 none;
} }
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: rgba(255, 255, 255, 0.87);
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
} }
@ -904,13 +913,17 @@
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #BBDEFB;
}
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0.5rem 0; padding: 0.5rem 0;
} }
@ -1612,20 +1625,26 @@
.p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
background: transparent;
border: 0 none;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
width: 2rem; width: 2rem;
height: 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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin: 0.5rem; margin: 0 0.5rem;
} }
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover, .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover { .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
background: rgba(255, 255, 255, 0.03);
border-color: transparent;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.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 1px #BBDEFB;
} }
.p-carousel .p-carousel-indicators { .p-carousel .p-carousel-indicators {
padding: 1rem; padding: 1rem;
@ -1734,23 +1753,41 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler { .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: rgba(255, 255, 255, 0.6); 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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover { .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: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.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 1px #BBDEFB;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
margin-right: 0.5rem;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: #64B5F6; background: #64B5F6;
color: #212529; color: #212529;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: #212529;
}
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: #212529;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 #64B5F6; box-shadow: inset 0 2px 0 0 #64B5F6;
} }
@ -2064,20 +2101,15 @@
padding: 1rem; padding: 1rem;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler { .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
bottom: -0.7em; background: inherit;
margin-left: -0.46em; color: inherit;
color: rgba(255, 255, 255, 0.6); border-radius: 50%;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 1px #BBDEFB; box-shadow: 0 0 0 1px #BBDEFB;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
.p-paginator { .p-paginator {
background: #1f2d40; background: #1f2d40;
@ -2244,11 +2276,23 @@
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem; margin-right: 0.5rem;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); 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; 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:hover { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.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 1px #BBDEFB;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2381,12 +2425,24 @@
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
margin-right: 0.5rem; border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #BBDEFB;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2581,7 +2637,7 @@
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
transition: box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem; padding: 1rem;
@ -2618,12 +2674,12 @@
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
background: transparent;
border: 0 none; border: 0 none;
background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-panel .p-panel-header .p-panel-header-icon:hover { .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
@ -2740,7 +2796,7 @@
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:hover { .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
@ -2788,19 +2844,17 @@
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #64B5F6; background: #64B5F6;
border: 0 none;
color: #212529; color: #212529;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 50%;
position: absolute; position: absolute;
top: -1rem; top: -1rem;
right: -1rem; right: -1rem;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-overlaypanel .p-overlaypanel-close:hover { .p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: #2196F3; background: #42A5F5;
border-color: transparent;
color: #212529; color: #212529;
} }
.p-overlaypanel:after { .p-overlaypanel:after {
@ -2828,18 +2882,23 @@
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
} }
.p-sidebar .p-sidebar-close { .p-sidebar .p-sidebar-close {
background: transparent;
border: 0 none;
color: rgba(255, 255, 255, 0.6);
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: rgba(255, 255, 255, 0.6);
border: 0 none;
background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-sidebar .p-sidebar-close:hover { .p-sidebar .p-sidebar-close:enabled:hover {
background: rgba(255, 255, 255, 0.03);
border-color: transparent;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.p-sidebar .p-sidebar-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #BBDEFB;
} }
.p-sidebar-mask.p-component-overlay { .p-sidebar-mask.p-component-overlay {
@ -3318,21 +3377,15 @@
} }
.p-menubar .p-menubar-button { .p-menubar .p-menubar-button {
display: flex; display: flex;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
background: transparent;
border: 0 none;
width: 2.5rem;
height: 2.5rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i {
font-size: 1.5rem;
}
.p-menubar .p-menubar-button:hover { .p-menubar .p-menubar-button:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
border-color: transparent;
} }
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
@ -3767,6 +3820,21 @@
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
} }
.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 1px #BBDEFB;
}
.p-message.p-message-info { .p-message.p-message-info {
background: #B3E5FC; background: #B3E5FC;
border: solid #03A9F4; border: solid #03A9F4;
@ -3777,7 +3845,6 @@
color: #01579B; color: #01579B;
} }
.p-message.p-message-info .p-message-close { .p-message.p-message-info .p-message-close {
background: #B3E5FC;
color: #01579B; color: #01579B;
} }
.p-message.p-message-success { .p-message.p-message-success {
@ -3790,7 +3857,6 @@
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-success .p-message-close { .p-message.p-message-success .p-message-close {
background: #C8E6C9;
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-warn { .p-message.p-message-warn {
@ -3803,7 +3869,6 @@
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-warn .p-message-close { .p-message.p-message-warn .p-message-close {
background: #FFECB3;
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-error { .p-message.p-message-error {
@ -3816,23 +3881,8 @@
color: #B71C1C; color: #B71C1C;
} }
.p-message.p-message-error .p-message-close { .p-message.p-message-error .p-message-close {
background: #FFCDD2;
color: #B71C1C; color: #B71C1C;
} }
.p-message .p-message-close {
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: rgba(255, 255, 255, 0.5);
}
.p-message .p-message-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #BBDEFB;
}
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: 500;
@ -3867,13 +3917,19 @@
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
} }
.p-toast .p-toast-item-container .p-toast-icon-close { .p-toast .p-toast-item-container .p-toast-icon-close {
border-radius: 50%;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-toast .p-toast-item-container .p-toast-icon-close:hover { .p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #BBDEFB;
} }
.p-toast .p-toast-item-container.p-toast-message-info { .p-toast .p-toast-item-container.p-toast-message-info {
background: #B3E5FC; background: #B3E5FC;

View File

@ -158,20 +158,26 @@
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next { .p-datepicker .p-datepicker-header .p-datepicker-next {
width: 2.5rem; width: 2rem;
height: 2.5rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover, .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover { .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
} }
.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 1px #C8E6C9;
}
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 1;
} }
@ -238,17 +244,24 @@
padding: 0.5rem; padding: 0.5rem;
} }
.p-datepicker .p-timepicker button { .p-datepicker .p-timepicker button {
width: 2.5rem; width: 2rem;
height: 2.5rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-timepicker button:hover { .p-datepicker .p-timepicker button:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
} }
.p-datepicker .p-timepicker button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #C8E6C9;
}
.p-datepicker .p-timepicker button:last-child { .p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em; margin-top: 0.2em;
} }
@ -287,10 +300,6 @@
padding-right: 0; padding-right: 0;
border-right: 0 none; border-right: 0 none;
} }
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: rgba(255, 255, 255, 0.87);
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
} }
@ -904,13 +913,17 @@
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #C8E6C9;
}
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0.5rem 0; padding: 0.5rem 0;
} }
@ -1612,20 +1625,26 @@
.p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
background: transparent;
border: 0 none;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
width: 2rem; width: 2rem;
height: 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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin: 0.5rem; margin: 0 0.5rem;
} }
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover, .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover { .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
background: rgba(255, 255, 255, 0.03);
border-color: transparent;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.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 1px #C8E6C9;
} }
.p-carousel .p-carousel-indicators { .p-carousel .p-carousel-indicators {
padding: 1rem; padding: 1rem;
@ -1734,23 +1753,41 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler { .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: rgba(255, 255, 255, 0.6); 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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover { .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: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.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 1px #C8E6C9;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
margin-right: 0.5rem;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: #81C784; background: #81C784;
color: #212529; color: #212529;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: #212529;
}
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: #212529;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 #81C784; box-shadow: inset 0 2px 0 0 #81C784;
} }
@ -2064,20 +2101,15 @@
padding: 1rem; padding: 1rem;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler { .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
bottom: -0.7em; background: inherit;
margin-left: -0.46em; color: inherit;
color: rgba(255, 255, 255, 0.6); border-radius: 50%;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 1px #C8E6C9; box-shadow: 0 0 0 1px #C8E6C9;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
.p-paginator { .p-paginator {
background: #1f2d40; background: #1f2d40;
@ -2244,11 +2276,23 @@
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem; margin-right: 0.5rem;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); 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; 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:hover { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.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 1px #C8E6C9;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2381,12 +2425,24 @@
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
margin-right: 0.5rem; border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #C8E6C9;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2581,7 +2637,7 @@
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
transition: box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem; padding: 1rem;
@ -2618,12 +2674,12 @@
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
background: transparent;
border: 0 none; border: 0 none;
background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-panel .p-panel-header .p-panel-header-icon:hover { .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
@ -2740,7 +2796,7 @@
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:hover { .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
@ -2788,19 +2844,17 @@
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #81C784; background: #81C784;
border: 0 none;
color: #212529; color: #212529;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 50%;
position: absolute; position: absolute;
top: -1rem; top: -1rem;
right: -1rem; right: -1rem;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-overlaypanel .p-overlaypanel-close:hover { .p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: #4CAF50; background: #66BB6A;
border-color: transparent;
color: #212529; color: #212529;
} }
.p-overlaypanel:after { .p-overlaypanel:after {
@ -2828,18 +2882,23 @@
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
} }
.p-sidebar .p-sidebar-close { .p-sidebar .p-sidebar-close {
background: transparent;
border: 0 none;
color: rgba(255, 255, 255, 0.6);
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: rgba(255, 255, 255, 0.6);
border: 0 none;
background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-sidebar .p-sidebar-close:hover { .p-sidebar .p-sidebar-close:enabled:hover {
background: rgba(255, 255, 255, 0.03);
border-color: transparent;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.p-sidebar .p-sidebar-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #C8E6C9;
} }
.p-sidebar-mask.p-component-overlay { .p-sidebar-mask.p-component-overlay {
@ -3318,21 +3377,15 @@
} }
.p-menubar .p-menubar-button { .p-menubar .p-menubar-button {
display: flex; display: flex;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
background: transparent;
border: 0 none;
width: 2.5rem;
height: 2.5rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i {
font-size: 1.5rem;
}
.p-menubar .p-menubar-button:hover { .p-menubar .p-menubar-button:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
border-color: transparent;
} }
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
@ -3767,6 +3820,21 @@
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
} }
.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 1px #C8E6C9;
}
.p-message.p-message-info { .p-message.p-message-info {
background: #B3E5FC; background: #B3E5FC;
border: solid #03A9F4; border: solid #03A9F4;
@ -3777,7 +3845,6 @@
color: #01579B; color: #01579B;
} }
.p-message.p-message-info .p-message-close { .p-message.p-message-info .p-message-close {
background: #B3E5FC;
color: #01579B; color: #01579B;
} }
.p-message.p-message-success { .p-message.p-message-success {
@ -3790,7 +3857,6 @@
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-success .p-message-close { .p-message.p-message-success .p-message-close {
background: #C8E6C9;
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-warn { .p-message.p-message-warn {
@ -3803,7 +3869,6 @@
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-warn .p-message-close { .p-message.p-message-warn .p-message-close {
background: #FFECB3;
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-error { .p-message.p-message-error {
@ -3816,23 +3881,8 @@
color: #B71C1C; color: #B71C1C;
} }
.p-message.p-message-error .p-message-close { .p-message.p-message-error .p-message-close {
background: #FFCDD2;
color: #B71C1C; color: #B71C1C;
} }
.p-message .p-message-close {
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: rgba(255, 255, 255, 0.5);
}
.p-message .p-message-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #C8E6C9;
}
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: 500;
@ -3867,13 +3917,19 @@
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
} }
.p-toast .p-toast-item-container .p-toast-icon-close { .p-toast .p-toast-item-container .p-toast-icon-close {
border-radius: 50%;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-toast .p-toast-item-container .p-toast-icon-close:hover { .p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #C8E6C9;
} }
.p-toast .p-toast-item-container.p-toast-message-info { .p-toast .p-toast-item-container.p-toast-message-info {
background: #B3E5FC; background: #B3E5FC;

View File

@ -158,20 +158,26 @@
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next { .p-datepicker .p-datepicker-header .p-datepicker-next {
width: 2.5rem; width: 2rem;
height: 2.5rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover, .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover { .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
} }
.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 1px #FFECB3;
}
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 1;
} }
@ -238,17 +244,24 @@
padding: 0.5rem; padding: 0.5rem;
} }
.p-datepicker .p-timepicker button { .p-datepicker .p-timepicker button {
width: 2.5rem; width: 2rem;
height: 2.5rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-timepicker button:hover { .p-datepicker .p-timepicker button:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
} }
.p-datepicker .p-timepicker button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #FFECB3;
}
.p-datepicker .p-timepicker button:last-child { .p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em; margin-top: 0.2em;
} }
@ -287,10 +300,6 @@
padding-right: 0; padding-right: 0;
border-right: 0 none; border-right: 0 none;
} }
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: rgba(255, 255, 255, 0.87);
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
} }
@ -904,13 +913,17 @@
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #FFECB3;
}
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0.5rem 0; padding: 0.5rem 0;
} }
@ -1612,20 +1625,26 @@
.p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
background: transparent;
border: 0 none;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
width: 2rem; width: 2rem;
height: 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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin: 0.5rem; margin: 0 0.5rem;
} }
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover, .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover { .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
background: rgba(255, 255, 255, 0.03);
border-color: transparent;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.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 1px #FFECB3;
} }
.p-carousel .p-carousel-indicators { .p-carousel .p-carousel-indicators {
padding: 1rem; padding: 1rem;
@ -1734,23 +1753,41 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler { .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: rgba(255, 255, 255, 0.6); 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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover { .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: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.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 1px #FFECB3;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
margin-right: 0.5rem;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: #FFD54F; background: #FFD54F;
color: #212529; color: #212529;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: #212529;
}
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: #212529;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 #FFD54F; box-shadow: inset 0 2px 0 0 #FFD54F;
} }
@ -2064,20 +2101,15 @@
padding: 1rem; padding: 1rem;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler { .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
bottom: -0.7em; background: inherit;
margin-left: -0.46em; color: inherit;
color: rgba(255, 255, 255, 0.6); border-radius: 50%;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 1px #FFECB3; box-shadow: 0 0 0 1px #FFECB3;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
.p-paginator { .p-paginator {
background: #1f2d40; background: #1f2d40;
@ -2244,11 +2276,23 @@
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem; margin-right: 0.5rem;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); 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; 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:hover { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.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 1px #FFECB3;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2381,12 +2425,24 @@
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
margin-right: 0.5rem; border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #FFECB3;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2581,7 +2637,7 @@
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
transition: box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem; padding: 1rem;
@ -2618,12 +2674,12 @@
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
background: transparent;
border: 0 none; border: 0 none;
background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-panel .p-panel-header .p-panel-header-icon:hover { .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
@ -2740,7 +2796,7 @@
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:hover { .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
@ -2788,19 +2844,17 @@
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #FFD54F; background: #FFD54F;
border: 0 none;
color: #212529; color: #212529;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 50%;
position: absolute; position: absolute;
top: -1rem; top: -1rem;
right: -1rem; right: -1rem;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-overlaypanel .p-overlaypanel-close:hover { .p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: #FFC107; background: #FFCA28;
border-color: transparent;
color: #212529; color: #212529;
} }
.p-overlaypanel:after { .p-overlaypanel:after {
@ -2828,18 +2882,23 @@
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
} }
.p-sidebar .p-sidebar-close { .p-sidebar .p-sidebar-close {
background: transparent;
border: 0 none;
color: rgba(255, 255, 255, 0.6);
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: rgba(255, 255, 255, 0.6);
border: 0 none;
background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-sidebar .p-sidebar-close:hover { .p-sidebar .p-sidebar-close:enabled:hover {
background: rgba(255, 255, 255, 0.03);
border-color: transparent;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.p-sidebar .p-sidebar-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #FFECB3;
} }
.p-sidebar-mask.p-component-overlay { .p-sidebar-mask.p-component-overlay {
@ -3318,21 +3377,15 @@
} }
.p-menubar .p-menubar-button { .p-menubar .p-menubar-button {
display: flex; display: flex;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
background: transparent;
border: 0 none;
width: 2.5rem;
height: 2.5rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i {
font-size: 1.5rem;
}
.p-menubar .p-menubar-button:hover { .p-menubar .p-menubar-button:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
border-color: transparent;
} }
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
@ -3767,6 +3820,21 @@
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
} }
.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 1px #FFECB3;
}
.p-message.p-message-info { .p-message.p-message-info {
background: #B3E5FC; background: #B3E5FC;
border: solid #03A9F4; border: solid #03A9F4;
@ -3777,7 +3845,6 @@
color: #01579B; color: #01579B;
} }
.p-message.p-message-info .p-message-close { .p-message.p-message-info .p-message-close {
background: #B3E5FC;
color: #01579B; color: #01579B;
} }
.p-message.p-message-success { .p-message.p-message-success {
@ -3790,7 +3857,6 @@
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-success .p-message-close { .p-message.p-message-success .p-message-close {
background: #C8E6C9;
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-warn { .p-message.p-message-warn {
@ -3803,7 +3869,6 @@
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-warn .p-message-close { .p-message.p-message-warn .p-message-close {
background: #FFECB3;
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-error { .p-message.p-message-error {
@ -3816,23 +3881,8 @@
color: #B71C1C; color: #B71C1C;
} }
.p-message.p-message-error .p-message-close { .p-message.p-message-error .p-message-close {
background: #FFCDD2;
color: #B71C1C; color: #B71C1C;
} }
.p-message .p-message-close {
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: rgba(255, 255, 255, 0.5);
}
.p-message .p-message-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #FFECB3;
}
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: 500;
@ -3867,13 +3917,19 @@
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
} }
.p-toast .p-toast-item-container .p-toast-icon-close { .p-toast .p-toast-item-container .p-toast-icon-close {
border-radius: 50%;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-toast .p-toast-item-container .p-toast-icon-close:hover { .p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #FFECB3;
} }
.p-toast .p-toast-item-container.p-toast-message-info { .p-toast .p-toast-item-container.p-toast-message-info {
background: #B3E5FC; background: #B3E5FC;

View File

@ -158,20 +158,26 @@
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next { .p-datepicker .p-datepicker-header .p-datepicker-next {
width: 2.5rem; width: 2rem;
height: 2.5rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none; border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-datepicker-header .p-datepicker-prev:hover, .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:hover { .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
} }
.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 1px #E1BEE7;
}
.p-datepicker .p-datepicker-header .p-datepicker-title { .p-datepicker .p-datepicker-header .p-datepicker-title {
line-height: 1; line-height: 1;
} }
@ -238,17 +244,24 @@
padding: 0.5rem; padding: 0.5rem;
} }
.p-datepicker .p-timepicker button { .p-datepicker .p-timepicker button {
width: 2.5rem; width: 2rem;
height: 2.5rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border: 0 none;
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datepicker .p-timepicker button:hover { .p-datepicker .p-timepicker button:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
} }
.p-datepicker .p-timepicker button:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #E1BEE7;
}
.p-datepicker .p-timepicker button:last-child { .p-datepicker .p-timepicker button:last-child {
margin-top: 0.2em; margin-top: 0.2em;
} }
@ -287,10 +300,6 @@
padding-right: 0; padding-right: 0;
border-right: 0 none; border-right: 0 none;
} }
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hover,
.p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: rgba(255, 255, 255, 0.87);
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
} }
@ -904,13 +913,17 @@
background: transparent; background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-left: 0.5rem;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover { .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #E1BEE7;
}
.p-multiselect-panel .p-multiselect-items { .p-multiselect-panel .p-multiselect-items {
padding: 0.5rem 0; padding: 0.5rem 0;
} }
@ -1612,20 +1625,26 @@
.p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next { .p-carousel .p-carousel-content .p-carousel-next {
background: transparent;
border: 0 none;
color: rgba(255, 255, 255, 0.6);
border-radius: 50%;
width: 2rem; width: 2rem;
height: 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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin: 0.5rem; margin: 0 0.5rem;
} }
.p-carousel .p-carousel-content .p-carousel-prev:not(.p-disabled):hover, .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:not(.p-disabled):hover { .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
background: rgba(255, 255, 255, 0.03);
border-color: transparent;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.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 1px #E1BEE7;
} }
.p-carousel .p-carousel-indicators { .p-carousel .p-carousel-indicators {
padding: 1rem; padding: 1rem;
@ -1734,23 +1753,41 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler { .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: rgba(255, 255, 255, 0.6); 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; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:hover { .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: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.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 1px #E1BEE7;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
margin-right: 0.5rem;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight { .p-datatable .p-datatable-tbody > tr.p-highlight {
background: #BA68C8; background: #BA68C8;
color: #ffffff; color: #ffffff;
} }
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler {
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr.p-highlight .p-row-toggler:hover {
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
box-shadow: inset 0 2px 0 0 #BA68C8; box-shadow: inset 0 2px 0 0 #BA68C8;
} }
@ -2064,20 +2101,15 @@
padding: 1rem; padding: 1rem;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler { .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
bottom: -0.7em; background: inherit;
margin-left: -0.46em; color: inherit;
color: rgba(255, 255, 255, 0.6); border-radius: 50%;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 1px #E1BEE7; box-shadow: 0 0 0 1px #E1BEE7;
} }
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:hover {
color: rgba(255, 255, 255, 0.87);
}
.p-paginator { .p-paginator {
background: #1f2d40; background: #1f2d40;
@ -2244,11 +2276,23 @@
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem; margin-right: 0.5rem;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); 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; 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:hover { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.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 1px #E1BEE7;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2381,12 +2425,24 @@
padding: 1rem 1rem; padding: 1rem 1rem;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
margin-right: 0.5rem; border: 0 none;
background: transparent;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; 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:hover { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #E1BEE7;
} }
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2581,7 +2637,7 @@
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
transition: box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem; padding: 1rem;
@ -2618,12 +2674,12 @@
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
background: transparent;
border: 0 none; border: 0 none;
background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-panel .p-panel-header .p-panel-header-icon:hover { .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
@ -2740,7 +2796,7 @@
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.p-dialog .p-dialog-header .p-dialog-header-icon:hover { .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent; border-color: transparent;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
@ -2788,19 +2844,17 @@
} }
.p-overlaypanel .p-overlaypanel-close { .p-overlaypanel .p-overlaypanel-close {
background: #BA68C8; background: #BA68C8;
border: 0 none;
color: #ffffff; color: #ffffff;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
border-radius: 50%;
position: absolute; position: absolute;
top: -1rem; top: -1rem;
right: -1rem; right: -1rem;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-overlaypanel .p-overlaypanel-close:hover { .p-overlaypanel .p-overlaypanel-close:enabled:hover {
background: #9C27B0; background: #AB47BC;
border-color: transparent;
color: #ffffff; color: #ffffff;
} }
.p-overlaypanel:after { .p-overlaypanel:after {
@ -2828,18 +2882,23 @@
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
} }
.p-sidebar .p-sidebar-close { .p-sidebar .p-sidebar-close {
background: transparent;
border: 0 none;
color: rgba(255, 255, 255, 0.6);
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
color: rgba(255, 255, 255, 0.6);
border: 0 none;
background: transparent;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-sidebar .p-sidebar-close:hover { .p-sidebar .p-sidebar-close:enabled:hover {
background: rgba(255, 255, 255, 0.03);
border-color: transparent;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-color: transparent;
background: rgba(255, 255, 255, 0.03);
}
.p-sidebar .p-sidebar-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #E1BEE7;
} }
.p-sidebar-mask.p-component-overlay { .p-sidebar-mask.p-component-overlay {
@ -3318,21 +3377,15 @@
} }
.p-menubar .p-menubar-button { .p-menubar .p-menubar-button {
display: flex; display: flex;
width: 2rem;
height: 2rem;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
background: transparent;
border: 0 none;
width: 2.5rem;
height: 2.5rem;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i {
font-size: 1.5rem;
}
.p-menubar .p-menubar-button:hover { .p-menubar .p-menubar-button:hover {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
border-color: transparent;
} }
.p-menubar .p-menubar-button:focus { .p-menubar .p-menubar-button:focus {
outline: 0 none; outline: 0 none;
@ -3767,6 +3820,21 @@
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
} }
.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 1px #E1BEE7;
}
.p-message.p-message-info { .p-message.p-message-info {
background: #B3E5FC; background: #B3E5FC;
border: solid #03A9F4; border: solid #03A9F4;
@ -3777,7 +3845,6 @@
color: #01579B; color: #01579B;
} }
.p-message.p-message-info .p-message-close { .p-message.p-message-info .p-message-close {
background: #B3E5FC;
color: #01579B; color: #01579B;
} }
.p-message.p-message-success { .p-message.p-message-success {
@ -3790,7 +3857,6 @@
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-success .p-message-close { .p-message.p-message-success .p-message-close {
background: #C8E6C9;
color: #1B5E20; color: #1B5E20;
} }
.p-message.p-message-warn { .p-message.p-message-warn {
@ -3803,7 +3869,6 @@
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-warn .p-message-close { .p-message.p-message-warn .p-message-close {
background: #FFECB3;
color: #7f6003; color: #7f6003;
} }
.p-message.p-message-error { .p-message.p-message-error {
@ -3816,23 +3881,8 @@
color: #B71C1C; color: #B71C1C;
} }
.p-message.p-message-error .p-message-close { .p-message.p-message-error .p-message-close {
background: #FFCDD2;
color: #B71C1C; color: #B71C1C;
} }
.p-message .p-message-close {
border-radius: 50%;
width: 2rem;
height: 2rem;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
background: rgba(255, 255, 255, 0.5);
}
.p-message .p-message-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #E1BEE7;
}
.p-message .p-message-text { .p-message .p-message-text {
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: 500;
@ -3867,13 +3917,19 @@
margin: 0.5rem 0 0 0; margin: 0.5rem 0 0 0;
} }
.p-toast .p-toast-item-container .p-toast-icon-close { .p-toast .p-toast-item-container .p-toast-icon-close {
border-radius: 50%;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
border-radius: 50%;
background: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
} }
.p-toast .p-toast-item-container .p-toast-icon-close:hover { .p-toast .p-toast-item-container .p-toast-icon-close:hover {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-item-container .p-toast-icon-close:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #E1BEE7;
} }
.p-toast .p-toast-item-container.p-toast-message-info { .p-toast .p-toast-item-container.p-toast-message-info {
background: #B3E5FC; background: #B3E5FC;

View File

@ -45,7 +45,7 @@ a {
} }
.layout-mask { .layout-mask {
opacity: .1; background-color: rgba(0, 0, 0, 0.1);
} }
.layout-mask-active { .layout-mask-active {
@ -55,9 +55,8 @@ a {
position: fixed; position: fixed;
top: 70px; top: 70px;
left: 0; left: 0;
background-color: #4c5254; background-color: rgba(0, 0, 0, 0.4);
opacity: .7; transition: background-color .5s;
transition: opacity .5s;
} }
.clearfix { .clearfix {

View File

@ -1966,6 +1966,21 @@ export default {
width: 100%; width: 100%;
} }
.p-datatable .p-row-editor-init,
.p-datatable .p-row-editor-save,
.p-datatable .p-row-editor-cancel {
display: inline-flex;
align-items: center;
justify-content: center;
}
/* Expand */
.p-datatable .p-row-toggler {
display: inline-flex;
align-items: center;
justify-content: center;
}
/* Reorder */ /* Reorder */
.p-datatable-reorder-indicator-up, .p-datatable-reorder-indicator-up,
.p-datatable-reorder-indicator-down { .p-datatable-reorder-indicator-down {

View File

@ -107,12 +107,19 @@ export default {
.p-organizationchart-node-content .p-node-toggler { .p-organizationchart-node-content .p-node-toggler {
position: absolute; position: absolute;
bottom: -9px; bottom: -.75rem;
margin-left: -8px; margin-left: -.75rem;
z-index: 2; z-index: 2;
left: 50%; left: 50%;
user-select: none; user-select: none;
cursor: pointer; cursor: pointer;
width: 1.5rem;
height: 1.5rem;
}
.p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
position: relative;
top: .25rem;
} }
.p-organizationchart-line-down { .p-organizationchart-line-down {

View File

@ -300,6 +300,9 @@ export default {
.p-tree-toggler { .p-tree-toggler {
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
} }
.p-treenode-leaf > .p-treenode-content .p-tree-toggler { .p-treenode-leaf > .p-treenode-content .p-tree-toggler {

View File

@ -2,9 +2,9 @@
<li :class="containerClass"> <li :class="containerClass">
<div :class="contentClass" tabindex="0" role="treeitem" :aria-expanded="expanded" <div :class="contentClass" tabindex="0" role="treeitem" :aria-expanded="expanded"
@click="onClick" @keydown="onKeyDown" @touchend="onTouchEnd" :style="node.style"> @click="onClick" @keydown="onKeyDown" @touchend="onTouchEnd" :style="node.style">
<span class="p-tree-toggler" @click="toggle"> <button class="p-tree-toggler p-link" @click="toggle" tabindex="-1">
<span :class="toggleIcon"></span> <span :class="toggleIcon"></span>
</span> </button>
<div class="p-checkbox p-component" v-if="checkboxMode"> <div class="p-checkbox p-component" v-if="checkboxMode">
<div :class="checkboxClass" role="checkbox" :aria-checked="checked"> <div :class="checkboxClass" role="checkbox" :aria-checked="checked">
<span :class="checkboxIcon"></span> <span :class="checkboxIcon"></span>
@ -289,8 +289,8 @@ export default {
}, },
toggleIcon() { toggleIcon() {
return ['p-tree-toggler-icon pi pi-fw', { return ['p-tree-toggler-icon pi pi-fw', {
'pi-angle-down': this.expanded, 'pi-chevron-down': this.expanded,
'pi-angle-right': !this.expanded 'pi-chevron-right': !this.expanded
}]; }];
}, },
checkboxClass() { checkboxClass() {

View File

@ -928,6 +928,18 @@ export default {
.p-treetable-toggler { .p-treetable-toggler {
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: middle;
}
.p-treetable-toggler + .p-checkbox {
vertical-align: middle;
}
.p-treetable-toggler + .p-checkbox + span {
vertical-align: middle;
} }
/* Resizable */ /* Resizable */

View File

@ -1,9 +1,9 @@
<template> <template>
<tr :class="containerClass" @click="onClick" @keydown="onKeyDown" @touchend="onTouchEnd" :style="node.style" tabindex="0"> <tr :class="containerClass" @click="onClick" @keydown="onKeyDown" @touchend="onTouchEnd" :style="node.style" tabindex="0">
<td v-for="(col,i) of columns" :key="col.columnKey||col.field||i" :style="col.bodyStyle" :class="col.bodyClass"> <td v-for="(col,i) of columns" :key="col.columnKey||col.field||i" :style="col.bodyStyle" :class="col.bodyClass">
<span class="p-treetable-toggler" @click="toggle" v-if="col.expander" :style="togglerStyle"> <button class="p-treetable-toggler p-link" @click="toggle" v-if="col.expander" :style="togglerStyle" tabindex="-1">
<i :class="togglerIcon"></i> <i :class="togglerIcon"></i>
</span> </button>
<div class="p-checkbox p-treetable-checkbox p-component" @click="toggleCheckbox" v-if="checkboxSelectionMode && col.expander" role="checkbox" :aria-checked="checked"> <div class="p-checkbox p-treetable-checkbox p-component" @click="toggleCheckbox" v-if="checkboxSelectionMode && col.expander" role="checkbox" :aria-checked="checked">
<div class="p-hidden-accessible"> <div class="p-hidden-accessible">
<input type="checkbox" @focus="onCheckboxFocus" @blur="onCheckboxBlur" /> <input type="checkbox" @focus="onCheckboxFocus" @blur="onCheckboxBlur" />
@ -13,7 +13,7 @@
</div> </div>
</div> </div>
<TTColumnSlot :node="node" :column="col" type="body" v-if="col.$scopedSlots.body" /> <TTColumnSlot :node="node" :column="col" type="body" v-if="col.$scopedSlots.body" />
<template>{{resolveFieldData(node.data, col.field)}}</template> <template><span>{{resolveFieldData(node.data, col.field)}}</span></template>
</td> </td>
</tr> </tr>
</template> </template>
@ -218,7 +218,7 @@ export default {
return (this.selectionMode && this.selectionKeys) ? this.selectionKeys[this.node.key] === true : false; return (this.selectionMode && this.selectionKeys) ? this.selectionKeys[this.node.key] === true : false;
}, },
togglerIcon() { togglerIcon() {
return ['p-treetable-toggler-icon pi', {'pi-angle-right': !this.expanded, 'pi-angle-down': this.expanded}]; return ['p-treetable-toggler-icon pi', {'pi-chevron-right': !this.expanded, 'pi-chevron-down': this.expanded}];
}, },
togglerStyle() { togglerStyle() {
return { return {

View File

@ -1129,7 +1129,7 @@ export default {
&lt;InputText v-model="slotProps.data[slotProps.column.field]" /&gt; &lt;InputText v-model="slotProps.data[slotProps.column.field]" /&gt;
&lt;/template&gt; &lt;/template&gt;
&lt;/Column&gt; &lt;/Column&gt;
&lt;Column :rowEditor="true" headerStyle="width:6em" bodyStyle="text-align:center"&gt;&lt;/Column&gt; &lt;Column :rowEditor="true" headerStyle="width:7rem" bodyStyle="text-align:center"&gt;&lt;/Column&gt;
&lt;/DataTable&gt; &lt;/DataTable&gt;
</template> </template>
</CodeHighlight> </CodeHighlight>

View File

@ -76,7 +76,7 @@
<InputText v-model="slotProps.data[slotProps.column.field]" /> <InputText v-model="slotProps.data[slotProps.column.field]" />
</template> </template>
</Column> </Column>
<Column :rowEditor="true" headerStyle="width:6em" bodyStyle="text-align:center"></Column> <Column :rowEditor="true" headerStyle="width:7rem" bodyStyle="text-align:center"></Column>
</DataTable> </DataTable>
</div> </div>
</div> </div>
@ -147,7 +147,7 @@
&lt;InputText v-model="slotProps.data[slotProps.column.field]" /&gt; &lt;InputText v-model="slotProps.data[slotProps.column.field]" /&gt;
&lt;/template&gt; &lt;/template&gt;
&lt;/Column&gt; &lt;/Column&gt;
&lt;Column :rowEditor="true" headerStyle="width:6em" bodyStyle="text-align:center"&gt;&lt;/Column&gt; &lt;Column :rowEditor="true" headerStyle="width:7rem" bodyStyle="text-align:center"&gt;&lt;/Column&gt;
&lt;/DataTable&gt; &lt;/DataTable&gt;
</template> </template>
</CodeHighlight> </CodeHighlight>

View File

@ -220,13 +220,5 @@ export default {
background-color: #e9286f; background-color: #e9286f;
color: #ffffff; color: #ffffff;
} }
.p-person .p-node-toggler {
color: #495ebb !important;
}
.department-cto .p-node-toggler {
color: #8a0a39 !important;
}
} }
</style> </style>

View File

@ -686,14 +686,6 @@ export default {
background-color: #e9286f; background-color: #e9286f;
color: #ffffff; color: #ffffff;
} }
.p-person .p-node-toggler {
color: #495ebb !important;
}
.department-cto .p-node-toggler {
color: #8a0a39 !important;
}
} }
</CodeHighlight> </CodeHighlight>
</TabPanel> </TabPanel>