vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Theme update

pull/345/head
cagataycivici 2020-06-17 15:39:50 +03:00
parent 6b921999f0
commit 65d6081f15
25 changed files with 10166 additions and 9613 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

706
public/themes/luna-amber/theme.css
View File

File diff suppressed because it is too large Load Diff

959
public/themes/luna-blue/theme.css
View File

File diff suppressed because it is too large Load Diff

706
public/themes/luna-green/theme.css
View File

File diff suppressed because it is too large Load Diff

706
public/themes/luna-pink/theme.css
View File

File diff suppressed because it is too large Load Diff

70
public/themes/nova-accent/theme.css
View File

@ -342,6 +342,10 @@
border-color: #a80000; border-color: #a80000;
} }
.p-highlight .p-checkbox .p-checkbox-box {
border-color: #ffffff;
}
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
} }
@ -916,6 +920,10 @@
border-color: #a80000; border-color: #a80000;
} }
.p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #ffffff;
}
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
color: #333333; color: #333333;
margin-left: 0.5rem; margin-left: 0.5rem;
@ -1227,6 +1235,25 @@
border-color: #D38B10; border-color: #D38B10;
} }
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #9C27B0;
border: 1px solid #9C27B0;
}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #8E24AA;
color: #ffffff;
border-color: #8E24AA;
}
.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #CE93D8;
}
.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #7B1FA2;
color: #ffffff;
border-color: #7B1FA2;
}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff; color: #ffffff;
background: #e91224; background: #e91224;
@ -1550,7 +1577,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
} }
.fc .fc-toolbar .fc-button:enabled:hover { .fc .fc-toolbar .fc-button:hover {
background: #116fbf; background: #116fbf;
color: #ffffff; color: #ffffff;
border-color: #116fbf; border-color: #116fbf;
@ -1582,7 +1609,7 @@
color: #333333; color: #333333;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:not(.p-disabled):not(.fc-active):hover { .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
background: #c8c8c8; background: #c8c8c8;
border-color: #c8c8c8; border-color: #c8c8c8;
color: #333333; color: #333333;
@ -1592,7 +1619,12 @@
border-color: #007ad9; border-color: #007ad9;
color: #ffffff; color: #ffffff;
} }
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
background: #116fbf;
border-color: #116fbf;
color: #ffffff;
}
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button: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;
@ -1652,8 +1684,8 @@
box-shadow: inset 0 0 0 0.2rem #8dcdff; box-shadow: inset 0 0 0 0.2rem #8dcdff;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
background: #d95f00;
color: #ffffff; color: #ffffff;
background: #d95f00;
} }
@media screen and (max-width: 960px) { @media screen and (max-width: 960px) {
@ -1818,8 +1850,8 @@
box-shadow: inset 0 0 0 0.2rem #8dcdff; box-shadow: inset 0 0 0 0.2rem #8dcdff;
} }
.p-picklist .p-picklist-list .p-picklist-item.p-highlight { .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
background: #d95f00;
color: #ffffff; color: #ffffff;
background: #d95f00;
} }
@media screen and (max-width: 960px) { @media screen and (max-width: 960px) {
@ -3535,6 +3567,14 @@
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
color: #aeb6bf; color: #aeb6bf;
} }
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
}
.p-galleria-mask { .p-galleria-mask {
background: rgba(0, 0, 0, 0.9); background: rgba(0, 0, 0, 0.9);
@ -3654,24 +3694,4 @@
color: #ffffff; color: #ffffff;
} }
.p-shadow-1 {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.p-shadow-2 {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.p-shadow-3 {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.p-shadow-4 {
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.p-shadow-5 {
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
/* Customizations to the designer theme should be defined here */ /* Customizations to the designer theme should be defined here */

70
public/themes/nova-alt/theme.css
View File

@ -342,6 +342,10 @@
border-color: #a80000; border-color: #a80000;
} }
.p-highlight .p-checkbox .p-checkbox-box {
border-color: #ffffff;
}
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
} }
@ -916,6 +920,10 @@
border-color: #a80000; border-color: #a80000;
} }
.p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #ffffff;
}
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
color: #333333; color: #333333;
margin-left: 0.5rem; margin-left: 0.5rem;
@ -1227,6 +1235,25 @@
border-color: #D38B10; border-color: #D38B10;
} }
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #9C27B0;
border: 1px solid #9C27B0;
}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #8E24AA;
color: #ffffff;
border-color: #8E24AA;
}
.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #CE93D8;
}
.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #7B1FA2;
color: #ffffff;
border-color: #7B1FA2;
}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff; color: #ffffff;
background: #e91224; background: #e91224;
@ -1550,7 +1577,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
} }
.fc .fc-toolbar .fc-button:enabled:hover { .fc .fc-toolbar .fc-button:hover {
background: #116fbf; background: #116fbf;
color: #ffffff; color: #ffffff;
border-color: #116fbf; border-color: #116fbf;
@ -1582,7 +1609,7 @@
color: #333333; color: #333333;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:not(.p-disabled):not(.fc-active):hover { .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
background: #c8c8c8; background: #c8c8c8;
border-color: #c8c8c8; border-color: #c8c8c8;
color: #333333; color: #333333;
@ -1592,7 +1619,12 @@
border-color: #007ad9; border-color: #007ad9;
color: #ffffff; color: #ffffff;
} }
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
background: #116fbf;
border-color: #116fbf;
color: #ffffff;
}
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button: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;
@ -1652,8 +1684,8 @@
box-shadow: inset 0 0 0 0.2rem #8dcdff; box-shadow: inset 0 0 0 0.2rem #8dcdff;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
background: #007ad9;
color: #ffffff; color: #ffffff;
background: #007ad9;
} }
@media screen and (max-width: 960px) { @media screen and (max-width: 960px) {
@ -1818,8 +1850,8 @@
box-shadow: inset 0 0 0 0.2rem #8dcdff; box-shadow: inset 0 0 0 0.2rem #8dcdff;
} }
.p-picklist .p-picklist-list .p-picklist-item.p-highlight { .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
background: #007ad9;
color: #ffffff; color: #ffffff;
background: #007ad9;
} }
@media screen and (max-width: 960px) { @media screen and (max-width: 960px) {
@ -3535,6 +3567,14 @@
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
color: #aeb6bf; color: #aeb6bf;
} }
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
}
.p-galleria-mask { .p-galleria-mask {
background: rgba(0, 0, 0, 0.9); background: rgba(0, 0, 0, 0.9);
@ -3654,24 +3694,4 @@
color: #ffffff; color: #ffffff;
} }
.p-shadow-1 {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.p-shadow-2 {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.p-shadow-3 {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.p-shadow-4 {
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.p-shadow-5 {
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
/* Customizations to the designer theme should be defined here */ /* Customizations to the designer theme should be defined here */

70
public/themes/nova-vue/theme.css
View File

@ -342,6 +342,10 @@
border-color: #a80000; border-color: #a80000;
} }
.p-highlight .p-checkbox .p-checkbox-box {
border-color: #ffffff;
}
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
} }
@ -916,6 +920,10 @@
border-color: #a80000; border-color: #a80000;
} }
.p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #ffffff;
}
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
color: #333333; color: #333333;
margin-left: 0.5rem; margin-left: 0.5rem;
@ -1227,6 +1235,25 @@
border-color: #D38B10; border-color: #D38B10;
} }
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #9C27B0;
border: 1px solid #9C27B0;
}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #8E24AA;
color: #ffffff;
border-color: #8E24AA;
}
.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #CE93D8;
}
.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #7B1FA2;
color: #ffffff;
border-color: #7B1FA2;
}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff; color: #ffffff;
background: #e91224; background: #e91224;
@ -1550,7 +1577,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
} }
.fc .fc-toolbar .fc-button:enabled:hover { .fc .fc-toolbar .fc-button:hover {
background: #318c63; background: #318c63;
color: #ffffff; color: #ffffff;
border-color: #318c63; border-color: #318c63;
@ -1582,7 +1609,7 @@
color: #333333; color: #333333;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:not(.p-disabled):not(.fc-active):hover { .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
background: #c8c8c8; background: #c8c8c8;
border-color: #c8c8c8; border-color: #c8c8c8;
color: #333333; color: #333333;
@ -1592,7 +1619,12 @@
border-color: #41b883; border-color: #41b883;
color: #ffffff; color: #ffffff;
} }
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
background: #318c63;
border-color: #318c63;
color: #ffffff;
}
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button: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;
@ -1652,8 +1684,8 @@
box-shadow: inset 0 0 0 0.2rem #c2e9d8; box-shadow: inset 0 0 0 0.2rem #c2e9d8;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
background: #41b883;
color: #ffffff; color: #ffffff;
background: #41b883;
} }
@media screen and (max-width: 960px) { @media screen and (max-width: 960px) {
@ -1818,8 +1850,8 @@
box-shadow: inset 0 0 0 0.2rem #c2e9d8; box-shadow: inset 0 0 0 0.2rem #c2e9d8;
} }
.p-picklist .p-picklist-list .p-picklist-item.p-highlight { .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
background: #41b883;
color: #ffffff; color: #ffffff;
background: #41b883;
} }
@media screen and (max-width: 960px) { @media screen and (max-width: 960px) {
@ -3535,6 +3567,14 @@
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
color: #aeb6bf; color: #aeb6bf;
} }
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c2e9d8;
}
.p-galleria-mask { .p-galleria-mask {
background: rgba(0, 0, 0, 0.9); background: rgba(0, 0, 0, 0.9);
@ -3654,24 +3694,4 @@
color: #ffffff; color: #ffffff;
} }
.p-shadow-1 {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.p-shadow-2 {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.p-shadow-3 {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.p-shadow-4 {
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.p-shadow-5 {
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
/* Customizations to the designer theme should be defined here */ /* Customizations to the designer theme should be defined here */

70
public/themes/nova/theme.css
View File

@ -342,6 +342,10 @@
border-color: #a80000; border-color: #a80000;
} }
.p-highlight .p-checkbox .p-checkbox-box {
border-color: #ffffff;
}
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
} }
@ -916,6 +920,10 @@
border-color: #a80000; border-color: #a80000;
} }
.p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #ffffff;
}
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
color: #333333; color: #333333;
margin-left: 0.5rem; margin-left: 0.5rem;
@ -1227,6 +1235,25 @@
border-color: #D38B10; border-color: #D38B10;
} }
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #9C27B0;
border: 1px solid #9C27B0;
}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #8E24AA;
color: #ffffff;
border-color: #8E24AA;
}
.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #CE93D8;
}
.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #7B1FA2;
color: #ffffff;
border-color: #7B1FA2;
}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff; color: #ffffff;
background: #e91224; background: #e91224;
@ -1550,7 +1577,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
} }
.fc .fc-toolbar .fc-button:enabled:hover { .fc .fc-toolbar .fc-button:hover {
background: #116fbf; background: #116fbf;
color: #ffffff; color: #ffffff;
border-color: #116fbf; border-color: #116fbf;
@ -1582,7 +1609,7 @@
color: #333333; color: #333333;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:not(.p-disabled):not(.fc-active):hover { .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
background: #c8c8c8; background: #c8c8c8;
border-color: #c8c8c8; border-color: #c8c8c8;
color: #333333; color: #333333;
@ -1592,7 +1619,12 @@
border-color: #007ad9; border-color: #007ad9;
color: #ffffff; color: #ffffff;
} }
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
background: #116fbf;
border-color: #116fbf;
color: #ffffff;
}
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button: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;
@ -1652,8 +1684,8 @@
box-shadow: inset 0 0 0 0.2rem #8dcdff; box-shadow: inset 0 0 0 0.2rem #8dcdff;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
background: #007ad9;
color: #ffffff; color: #ffffff;
background: #007ad9;
} }
@media screen and (max-width: 960px) { @media screen and (max-width: 960px) {
@ -1818,8 +1850,8 @@
box-shadow: inset 0 0 0 0.2rem #8dcdff; box-shadow: inset 0 0 0 0.2rem #8dcdff;
} }
.p-picklist .p-picklist-list .p-picklist-item.p-highlight { .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
background: #007ad9;
color: #ffffff; color: #ffffff;
background: #007ad9;
} }
@media screen and (max-width: 960px) { @media screen and (max-width: 960px) {
@ -3535,6 +3567,14 @@
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
color: #aeb6bf; color: #aeb6bf;
} }
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #8dcdff;
}
.p-galleria-mask { .p-galleria-mask {
background: rgba(0, 0, 0, 0.9); background: rgba(0, 0, 0, 0.9);
@ -3654,24 +3694,4 @@
color: #ffffff; color: #ffffff;
} }
.p-shadow-1 {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.p-shadow-2 {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.p-shadow-3 {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.p-shadow-4 {
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.p-shadow-5 {
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
/* Customizations to the designer theme should be defined here */ /* Customizations to the designer theme should be defined here */

70
public/themes/rhea/theme.css
View File

@ -342,6 +342,10 @@
border-color: e7a3a3; border-color: e7a3a3;
} }
.p-highlight .p-checkbox .p-checkbox-box {
border-color: #ffffff;
}
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
padding: 0.2145rem 0.429rem; padding: 0.2145rem 0.429rem;
} }
@ -916,6 +920,10 @@
border-color: e7a3a3; border-color: e7a3a3;
} }
.p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #ffffff;
}
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
color: #666666; color: #666666;
margin-left: 0.5rem; margin-left: 0.5rem;
@ -1227,6 +1235,25 @@
border-color: #DEA818; border-color: #DEA818;
} }
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #333333;
background: #e9bef1;
border: 1px solid #de9eea;
}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #de9eea;
color: #333333;
border-color: #d37de3;
}
.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #f0d3f6;
}
.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #d37de3;
color: #333333;
border-color: #c85ddc;
}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #262222; color: #262222;
background: #F4B6B6; background: #F4B6B6;
@ -1550,7 +1577,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
} }
.fc .fc-toolbar .fc-button:enabled:hover { .fc .fc-toolbar .fc-button:hover {
background: #6c8999; background: #6c8999;
color: #ffffff; color: #ffffff;
border-color: #6c8999; border-color: #6c8999;
@ -1582,7 +1609,7 @@
color: #333333; color: #333333;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:not(.p-disabled):not(.fc-active):hover { .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
background: #c8c8c8; background: #c8c8c8;
border-color: #c8c8c8; border-color: #c8c8c8;
color: #333333; color: #333333;
@ -1592,7 +1619,12 @@
border-color: #AFD3C8; border-color: #AFD3C8;
color: #385048; color: #385048;
} }
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
background: #8DC8B5;
border-color: #8DC8B5;
color: #385048;
}
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button: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;
@ -1652,8 +1684,8 @@
box-shadow: inset 0 0 0 0.2rem #e4e9ec; box-shadow: inset 0 0 0 0.2rem #e4e9ec;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
background: #AFD3C8;
color: #385048; color: #385048;
background: #AFD3C8;
} }
@media screen and (max-width: 960px) { @media screen and (max-width: 960px) {
@ -1818,8 +1850,8 @@
box-shadow: inset 0 0 0 0.2rem #e4e9ec; box-shadow: inset 0 0 0 0.2rem #e4e9ec;
} }
.p-picklist .p-picklist-list .p-picklist-item.p-highlight { .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
background: #AFD3C8;
color: #385048; color: #385048;
background: #AFD3C8;
} }
@media screen and (max-width: 960px) { @media screen and (max-width: 960px) {
@ -3535,6 +3567,14 @@
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
color: #aeb6bf; color: #aeb6bf;
} }
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #e4e9ec;
}
.p-galleria-mask { .p-galleria-mask {
background: rgba(0, 0, 0, 0.9); background: rgba(0, 0, 0, 0.9);
@ -3654,24 +3694,4 @@
color: #262222; color: #262222;
} }
.p-shadow-1 {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.p-shadow-2 {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.p-shadow-3 {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.p-shadow-4 {
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.p-shadow-5 {
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
/* Customizations to the designer theme should be defined here */ /* Customizations to the designer theme should be defined here */

349
public/themes/saga-blue/theme.css
View File

@ -3,6 +3,7 @@
--layer-0: #ffffff; --layer-0: #ffffff;
--layer-1: #f8f9fa; --layer-1: #f8f9fa;
--layer-2: #e9ecef; --layer-2: #e9ecef;
--layer-3: #dee2e6;
--text-color: #495057; --text-color: #495057;
--text-color-secondary: $shade600; --text-color-secondary: $shade600;
--primary-color: #2196F3; --primary-color: #2196F3;
@ -43,7 +44,7 @@
.p-link { .p-link {
font-size: 1rem; font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
border-radius: 3px; border-radius: 4px;
} }
.p-link:focus { .p-link:focus {
outline: 0 none; outline: 0 none;
@ -84,7 +85,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #2196F3; background: #2196F3;
color: #ffffff; color: #ffffff;
border-radius: 3px; border-radius: 4px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -94,7 +95,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-autocomplete-panel .p-autocomplete-items { .p-autocomplete-panel .p-autocomplete-items {
@ -132,7 +133,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #ced4da; border: 1px solid #ced4da;
border-radius: 3px; border-radius: 4px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
border: 0 none; border: 0 none;
@ -145,8 +146,8 @@
font-weight: 600; font-weight: 600;
margin: 0; margin: 0;
border-bottom: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; 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 {
@ -257,7 +258,7 @@
.p-datepicker .p-monthpicker .p-monthpicker-month { .p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem; padding: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #ffffff; color: #ffffff;
@ -308,12 +309,12 @@
height: 1.5rem; height: 1.5rem;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 1px solid #ced4da; border: 2px solid #ced4da;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
@ -342,6 +343,10 @@
border-color: #f44336; border-color: #f44336;
} }
.p-highlight .p-checkbox .p-checkbox-box {
border-color: #ffffff;
}
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
} }
@ -359,7 +364,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #2196F3; background: #2196F3;
color: #ffffff; color: #ffffff;
border-radius: 3px; border-radius: 4px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -401,7 +406,7 @@
background: #ffffff; background: #ffffff;
border: 1px solid #ced4da; border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-dropdown:not(.p-disabled):hover { .p-dropdown:not(.p-disabled):hover {
border-color: #2196F3; border-color: #2196F3;
@ -427,8 +432,8 @@
background: #ffffff; background: #ffffff;
color: #6c757d; color: #6c757d;
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-dropdown .p-dropdown-clear-icon { .p-dropdown .p-dropdown-clear-icon {
color: #6c757d; color: #6c757d;
@ -439,7 +444,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-dropdown-panel .p-dropdown-header { .p-dropdown-panel .p-dropdown-header {
@ -448,8 +453,8 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
margin: 0; margin: 0;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -486,19 +491,19 @@
.p-editor-container .p-editor-toolbar { .p-editor-container .p-editor-toolbar {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #f8f9fa; background: #f8f9fa;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-editor-container .p-editor-content { .p-editor-container .p-editor-content {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-editor-container .p-editor-content .ql-editor { .p-editor-container .p-editor-content .ql-editor {
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-editor-container .ql-picker.ql-expanded .ql-picker-label { .p-editor-container .ql-picker.ql-expanded .ql-picker-label {
color: #495057; color: #495057;
@ -577,15 +582,15 @@
.p-inputgroup-addon:first-child, .p-inputgroup-addon:first-child,
.p-inputgroup button:first-child, .p-inputgroup button:first-child,
.p-inputgroup input:first-child { .p-inputgroup input:first-child {
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-inputgroup-addon:last-child, .p-inputgroup-addon:last-child,
.p-inputgroup button:last-child, .p-inputgroup button:last-child,
.p-inputgroup input:last-child { .p-inputgroup input:last-child {
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-fluid .p-inputgroup .p-button { .p-fluid .p-inputgroup .p-button {
@ -647,7 +652,7 @@
border-width: 1px; border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none; appearance: none;
border-radius: 3px; border-radius: 4px;
} }
.p-inputtext:enabled:hover { .p-inputtext:enabled:hover {
border-color: #2196F3; border-color: #2196F3;
@ -715,7 +720,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #ced4da; border: 1px solid #ced4da;
border-radius: 3px; border-radius: 4px;
} }
.p-listbox .p-listbox-header { .p-listbox .p-listbox-header {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -723,8 +728,8 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
margin: 0; margin: 0;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-listbox .p-listbox-header .p-listbox-filter { .p-listbox .p-listbox-header .p-listbox-filter {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -766,7 +771,7 @@
background: #ffffff; background: #ffffff;
border: 1px solid #ced4da; border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-multiselect:not(.p-disabled):hover { .p-multiselect:not(.p-disabled):hover {
border-color: #2196F3; border-color: #2196F3;
@ -787,15 +792,15 @@
background: #ffffff; background: #ffffff;
color: #6c757d; color: #6c757d;
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-multiselect-panel { .p-multiselect-panel {
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-multiselect-panel .p-multiselect-header { .p-multiselect-panel .p-multiselect-header {
@ -804,8 +809,8 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
margin: 0; margin: 0;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -881,7 +886,7 @@
height: 1.5rem; height: 1.5rem;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 1px solid #ced4da; border: 2px solid #ced4da;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
@ -916,6 +921,10 @@
border-color: #f44336; border-color: #f44336;
} }
.p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #ffffff;
}
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
color: #495057; color: #495057;
margin-left: 0.5rem; margin-left: 0.5rem;
@ -985,7 +994,7 @@
.p-slider { .p-slider {
background: #dee2e6; background: #dee2e6;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
} }
.p-slider.p-slider-horizontal { .p-slider.p-slider-horizontal {
height: 0.286rem; height: 0.286rem;
@ -1071,7 +1080,7 @@
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
font-size: 1rem; font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-button:enabled:hover { .p-button:enabled:hover {
background: #1E88E5; background: #1E88E5;
@ -1227,6 +1236,25 @@
border-color: #F57F17; border-color: #F57F17;
} }
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #9C27B0;
border: 1px solid #9C27B0;
}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #8E24AA;
color: #ffffff;
border-color: #8E24AA;
}
.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #CE93D8;
}
.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #7B1FA2;
color: #ffffff;
border-color: #7B1FA2;
}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff; color: #ffffff;
background: #D32F2F; background: #D32F2F;
@ -1321,8 +1349,8 @@
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-top-right-radius: 3px; border-top-right-radius: 4px;
font-weight: 600; font-weight: 600;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1332,8 +1360,8 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
font-weight: 600; font-weight: 600;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-datatable .p-datatable-thead > tr > th { .p-datatable .p-datatable-thead > tr > th {
text-align: left; text-align: left;
@ -1491,8 +1519,8 @@
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-top-right-radius: 3px; border-top-right-radius: 4px;
font-weight: 600; font-weight: 600;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1511,8 +1539,8 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
font-weight: 600; font-weight: 600;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.fc .fc-view-container th { .fc .fc-view-container th {
@ -1546,11 +1574,11 @@
border: 1px solid #2196F3; border: 1px solid #2196F3;
font-size: 1rem; font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
display: flex; display: flex;
align-items: center; align-items: center;
} }
.fc .fc-toolbar .fc-button:enabled:hover { .fc .fc-toolbar .fc-button:hover {
background: #1E88E5; background: #1E88E5;
color: #ffffff; color: #ffffff;
border-color: #1E88E5; border-color: #1E88E5;
@ -1582,7 +1610,7 @@
color: #495057; color: #495057;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:not(.p-disabled):not(.fc-active):hover { .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
background: #e9ecef; background: #e9ecef;
border-color: #ced4da; border-color: #ced4da;
color: #495057; color: #495057;
@ -1592,7 +1620,12 @@
border-color: #2196F3; border-color: #2196F3;
color: #ffffff; color: #ffffff;
} }
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
background: #1E88E5;
border-color: #1E88E5;
color: #ffffff;
}
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button: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;
@ -1602,12 +1635,12 @@
border-radius: 0; border-radius: 0;
} }
.fc .fc-toolbar .fc-button-group .fc-button:first-child { .fc .fc-toolbar .fc-button-group .fc-button:first-child {
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.fc .fc-toolbar .fc-button-group .fc-button:last-child { .fc .fc-toolbar .fc-button-group .fc-button:last-child {
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-orderlist .p-orderlist-controls { .p-orderlist .p-orderlist-controls {
@ -1623,16 +1656,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-orderlist .p-orderlist-list { .p-orderlist .p-orderlist-list {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item { .p-orderlist .p-orderlist-list .p-orderlist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1652,8 +1685,8 @@
box-shadow: inset 0 0 0 0.15rem #BBDEFB; box-shadow: inset 0 0 0 0.15rem #BBDEFB;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
background: #2196F3;
color: #ffffff; color: #ffffff;
background: #2196F3;
} }
@media screen and (max-width: 769px) { @media screen and (max-width: 769px) {
@ -1704,7 +1737,7 @@
bottom: -0.7em; bottom: -0.7em;
margin-left: -0.46em; margin-left: -0.46em;
color: #6c757d; color: #6c757d;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-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 {
@ -1721,7 +1754,7 @@
color: #6c757d; color: #6c757d;
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border-radius: 3px; border-radius: 4px;
} }
.p-paginator .p-paginator-first, .p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev, .p-paginator .p-paginator-prev,
@ -1734,7 +1767,7 @@
height: 2.357rem; height: 2.357rem;
margin: 0.143rem; margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
@ -1763,7 +1796,7 @@
height: 2.357rem; height: 2.357rem;
margin: 0.143rem; margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #2196F3; background: #2196F3;
@ -1789,16 +1822,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-picklist .p-picklist-list { .p-picklist .p-picklist-list {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-picklist .p-picklist-list .p-picklist-item { .p-picklist .p-picklist-list .p-picklist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1818,8 +1851,8 @@
box-shadow: inset 0 0 0 0.15rem #BBDEFB; box-shadow: inset 0 0 0 0.15rem #BBDEFB;
} }
.p-picklist .p-picklist-list .p-picklist-item.p-highlight { .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
background: #2196F3;
color: #ffffff; color: #ffffff;
background: #2196F3;
} }
@media screen and (max-width: 769px) { @media screen and (max-width: 769px) {
@ -1855,13 +1888,13 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 1rem; padding: 1rem;
border-radius: 3px; border-radius: 4px;
} }
.p-tree .p-tree-container .p-treenode { .p-tree .p-tree-container .p-treenode {
padding: 0.143rem; padding: 0.143rem;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content { .p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.5rem; padding: 0.5rem;
} }
@ -1932,8 +1965,8 @@
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-top-right-radius: 3px; border-top-right-radius: 4px;
font-weight: 600; font-weight: 600;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {
@ -1943,8 +1976,8 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
font-weight: 600; font-weight: 600;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-treetable .p-treetable-thead > tr > th { .p-treetable .p-treetable-thead > tr > th {
text-align: left; text-align: left;
@ -2085,7 +2118,7 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
font-weight: 600; font-weight: 600;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
@ -2121,8 +2154,8 @@
border-top: 0; border-top: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
border-top-left-radius: 0; border-top-left-radius: 0;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-accordion .p-accordion-tab { .p-accordion .p-accordion-tab {
margin-bottom: 0; margin-bottom: 0;
@ -2137,19 +2170,19 @@
border-top: 0 none; border-top: 0 none;
} }
.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link { .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-card { .p-card {
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
border-radius: 3px; border-radius: 4px;
} }
.p-card .p-card-body { .p-card .p-card-body {
padding: 1rem; padding: 1rem;
@ -2175,7 +2208,7 @@
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
} }
.p-fieldset .p-fieldset-legend { .p-fieldset .p-fieldset-legend {
padding: 1rem; padding: 1rem;
@ -2183,7 +2216,7 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
font-weight: 600; font-weight: 600;
border-radius: 3px; border-radius: 4px;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
@ -2192,7 +2225,7 @@
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem; padding: 1rem;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
@ -2214,8 +2247,8 @@
padding: 1rem; padding: 1rem;
background: #f8f9fa; background: #f8f9fa;
color: #495057; color: #495057;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-panel .p-panel-header .p-panel-title { .p-panel .p-panel-header .p-panel-title {
font-weight: 600; font-weight: 600;
@ -2247,8 +2280,8 @@
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
border-top: 0 none; border-top: 0 none;
} }
.p-panel .p-panel-footer { .p-panel .p-panel-footer {
@ -2274,8 +2307,8 @@
color: #6c757d; color: #6c757d;
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0; margin: 0 0 -2px 0;
} }
@ -2301,32 +2334,32 @@
padding: 1rem; padding: 1rem;
border: 0 none; border: 0 none;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-toolbar { .p-toolbar {
background: #f8f9fa; background: #f8f9fa;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
padding: 1rem; padding: 1rem;
border-radius: 3px; border-radius: 4px;
} }
.p-toolbar .p-toolbar-separator { .p-toolbar .p-toolbar-separator {
margin: 0 0.5rem; margin: 0 0.5rem;
} }
.p-dialog { .p-dialog {
border-radius: 3px; border-radius: 4px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); 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);
border: 0 none; border: 0 none;
} }
.p-dialog .p-dialog-header { .p-dialog .p-dialog-header {
border-bottom: 1px solid #dee2e6; border-bottom: 0 none;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 1rem; padding: 1rem;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-dialog .p-dialog-header .p-dialog-title { .p-dialog .p-dialog-header .p-dialog-title {
font-weight: 600; font-weight: 600;
@ -2361,13 +2394,13 @@
padding: 1rem; padding: 1rem;
} }
.p-dialog .p-dialog-footer { .p-dialog .p-dialog-footer {
border-top: 1px solid #dee2e6; border-top: 0 none;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 1rem; padding: 1rem;
text-align: right; text-align: right;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-dialog .p-dialog-footer button { .p-dialog .p-dialog-footer button {
margin: 0 0.5rem 0 0; margin: 0 0.5rem 0 0;
@ -2382,7 +2415,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); 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-overlaypanel .p-overlaypanel-content { .p-overlaypanel .p-overlaypanel-content {
@ -2453,7 +2486,7 @@
color: #ffffff; color: #ffffff;
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
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);
border-radius: 3px; border-radius: 4px;
} }
.p-tooltip.p-tooltip-right .p-tooltip-arrow { .p-tooltip.p-tooltip-right .p-tooltip-arrow {
border-right-color: #495057; border-right-color: #495057;
@ -2474,8 +2507,8 @@
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
color: #495057; color: #495057;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-fileupload .p-fileupload-buttonbar .p-button { .p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2490,8 +2523,8 @@
padding: 2rem 1rem; padding: 2rem 1rem;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
@ -2514,12 +2547,12 @@
.p-breadcrumb { .p-breadcrumb {
background: #ffffff; background: #ffffff;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
padding: 1rem; padding: 1rem;
} }
.p-breadcrumb ul li .p-menuitem-link { .p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-breadcrumb ul li .p-menuitem-link:focus { .p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none; outline: 0 none;
@ -2607,12 +2640,12 @@
background: #f8f9fa; background: #f8f9fa;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
} }
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none; user-select: none;
} }
@ -2690,8 +2723,8 @@
color: #495057; color: #495057;
background: #ffffff; background: #ffffff;
font-weight: 600; font-weight: 600;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-megamenu .p-megamenu-submenu { .p-megamenu .p-megamenu-submenu {
padding: 0.25rem 0; padding: 0.25rem 0;
@ -2720,7 +2753,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
width: 12.5rem; width: 12.5rem;
} }
.p-menu .p-menuitem-link { .p-menu .p-menuitem-link {
@ -2780,7 +2813,7 @@
background: #f8f9fa; background: #f8f9fa;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
} }
.p-menubar .p-menuitem-link { .p-menubar .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
@ -2819,7 +2852,7 @@
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none; user-select: none;
} }
@ -2886,7 +2919,7 @@
border: 0 none; border: 0 none;
width: 2.5rem; width: 2.5rem;
height: 2.5rem; height: 2.5rem;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i { .p-menubar .p-menubar-button i {
@ -3009,7 +3042,7 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
font-weight: 600; font-weight: 600;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
@ -3052,8 +3085,8 @@
border-top: 0; border-top: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
border-top-left-radius: 0; border-top-left-radius: 0;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
@ -3108,18 +3141,18 @@
border-top: 0 none; border-top: 0 none;
} }
.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-steps .p-steps-item .p-menuitem-link { .p-steps .p-steps-item .p-menuitem-link {
background: transparent; background: transparent;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
background: #ffffff; background: #ffffff;
} }
.p-steps .p-steps-item .p-menuitem-link .p-steps-number { .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -3176,8 +3209,8 @@
color: #6c757d; color: #6c757d;
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0; margin: 0 0 -2px 0;
} }
@ -3207,7 +3240,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
width: 12.5rem; width: 12.5rem;
} }
.p-tieredmenu .p-menuitem-link { .p-tieredmenu .p-menuitem-link {
@ -3274,7 +3307,7 @@
.p-inline-message { .p-inline-message {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
margin: 0; margin: 0;
border-radius: 3px; border-radius: 4px;
} }
.p-inline-message.p-inline-message-info { .p-inline-message.p-inline-message-info {
background: #B3E5FC; background: #B3E5FC;
@ -3325,7 +3358,7 @@
.p-message { .p-message {
margin: 1rem 0; margin: 1rem 0;
border-radius: 3px; border-radius: 4px;
} }
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
@ -3481,7 +3514,7 @@
.p-galleria .p-galleria-close { .p-galleria .p-galleria-close {
margin: 0.5rem; margin: 0.5rem;
background: transparent; background: transparent;
color: #ebedef; color: #f8f9fa;
width: 4rem; width: 4rem;
height: 4rem; height: 4rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -3492,11 +3525,11 @@
} }
.p-galleria .p-galleria-close:hover { .p-galleria .p-galleria-close:hover {
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
color: #ebedef; color: #f8f9fa;
} }
.p-galleria .p-galleria-item-nav { .p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2); background: transparent;
color: #aeb6bf; color: #f8f9fa;
width: 4rem; width: 4rem;
height: 4rem; height: 4rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -3506,12 +3539,12 @@
font-size: 2rem; font-size: 2rem;
} }
.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.3); background: rgba(255, 255, 255, 0.1);
color: #ebedef; color: #f8f9fa;
} }
.p-galleria .p-galleria-caption { .p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
color: #ebedef; color: #f8f9fa;
padding: 1rem; padding: 1rem;
} }
.p-galleria .p-galleria-indicators { .p-galleria .p-galleria-indicators {
@ -3558,7 +3591,7 @@
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
margin: 0.5rem; margin: 0.5rem;
background-color: transparent; background-color: transparent;
color: #aeb6bf; color: #f8f9fa;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -3567,7 +3600,15 @@
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
color: #aeb6bf; color: #f8f9fa;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BBDEFB;
} }
.p-galleria-mask { .p-galleria-mask {
@ -3576,7 +3617,7 @@
.p-inplace .p-inplace-display { .p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-inplace .p-inplace-display:not(.p-disabled):hover { .p-inplace .p-inplace-display:not(.p-disabled):hover {
@ -3593,8 +3634,8 @@
border: 0 none; border: 0 none;
height: 1.5rem; height: 1.5rem;
background: #dee2e6; background: #dee2e6;
border-radius: 3px; border-radius: 4px;
border-radius: 3px; border-radius: 4px;
} }
.p-progressbar .p-progressbar-value { .p-progressbar .p-progressbar-value {
border: 0 none; border: 0 none;
@ -3669,7 +3710,7 @@
font-size: 0.75rem; font-size: 0.75rem;
font-weight: 700; font-weight: 700;
padding: 0.25rem 0.4rem; padding: 0.25rem 0.4rem;
border-radius: 3px; border-radius: 4px;
} }
.p-tag.p-tag-success { .p-tag.p-tag-success {
background-color: #689F38; background-color: #689F38;
@ -3688,24 +3729,4 @@
color: #ffffff; color: #ffffff;
} }
.p-shadow-1 {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.p-shadow-2 {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.p-shadow-3 {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.p-shadow-4 {
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.p-shadow-5 {
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
/* Customizations to the designer theme should be defined here */ /* Customizations to the designer theme should be defined here */

349
public/themes/saga-cyan/theme.css
View File

@ -3,6 +3,7 @@
--layer-0: #ffffff; --layer-0: #ffffff;
--layer-1: #f8f9fa; --layer-1: #f8f9fa;
--layer-2: #e9ecef; --layer-2: #e9ecef;
--layer-3: #dee2e6;
--text-color: #495057; --text-color: #495057;
--text-color-secondary: $shade600; --text-color-secondary: $shade600;
--primary-color: #00ACC1; --primary-color: #00ACC1;
@ -43,7 +44,7 @@
.p-link { .p-link {
font-size: 1rem; font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
border-radius: 3px; border-radius: 4px;
} }
.p-link:focus { .p-link:focus {
outline: 0 none; outline: 0 none;
@ -84,7 +85,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #00ACC1; background: #00ACC1;
color: #ffffff; color: #ffffff;
border-radius: 3px; border-radius: 4px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -94,7 +95,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-autocomplete-panel .p-autocomplete-items { .p-autocomplete-panel .p-autocomplete-items {
@ -132,7 +133,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #ced4da; border: 1px solid #ced4da;
border-radius: 3px; border-radius: 4px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
border: 0 none; border: 0 none;
@ -145,8 +146,8 @@
font-weight: 600; font-weight: 600;
margin: 0; margin: 0;
border-bottom: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; 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 {
@ -257,7 +258,7 @@
.p-datepicker .p-monthpicker .p-monthpicker-month { .p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem; padding: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #ffffff; color: #ffffff;
@ -308,12 +309,12 @@
height: 1.5rem; height: 1.5rem;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 1px solid #ced4da; border: 2px solid #ced4da;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
@ -342,6 +343,10 @@
border-color: #f44336; border-color: #f44336;
} }
.p-highlight .p-checkbox .p-checkbox-box {
border-color: #ffffff;
}
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
} }
@ -359,7 +364,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #00ACC1; background: #00ACC1;
color: #ffffff; color: #ffffff;
border-radius: 3px; border-radius: 4px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -401,7 +406,7 @@
background: #ffffff; background: #ffffff;
border: 1px solid #ced4da; border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-dropdown:not(.p-disabled):hover { .p-dropdown:not(.p-disabled):hover {
border-color: #00ACC1; border-color: #00ACC1;
@ -427,8 +432,8 @@
background: #ffffff; background: #ffffff;
color: #6c757d; color: #6c757d;
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-dropdown .p-dropdown-clear-icon { .p-dropdown .p-dropdown-clear-icon {
color: #6c757d; color: #6c757d;
@ -439,7 +444,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-dropdown-panel .p-dropdown-header { .p-dropdown-panel .p-dropdown-header {
@ -448,8 +453,8 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
margin: 0; margin: 0;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -486,19 +491,19 @@
.p-editor-container .p-editor-toolbar { .p-editor-container .p-editor-toolbar {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #f8f9fa; background: #f8f9fa;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-editor-container .p-editor-content { .p-editor-container .p-editor-content {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-editor-container .p-editor-content .ql-editor { .p-editor-container .p-editor-content .ql-editor {
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-editor-container .ql-picker.ql-expanded .ql-picker-label { .p-editor-container .ql-picker.ql-expanded .ql-picker-label {
color: #495057; color: #495057;
@ -577,15 +582,15 @@
.p-inputgroup-addon:first-child, .p-inputgroup-addon:first-child,
.p-inputgroup button:first-child, .p-inputgroup button:first-child,
.p-inputgroup input:first-child { .p-inputgroup input:first-child {
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-inputgroup-addon:last-child, .p-inputgroup-addon:last-child,
.p-inputgroup button:last-child, .p-inputgroup button:last-child,
.p-inputgroup input:last-child { .p-inputgroup input:last-child {
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-fluid .p-inputgroup .p-button { .p-fluid .p-inputgroup .p-button {
@ -647,7 +652,7 @@
border-width: 1px; border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none; appearance: none;
border-radius: 3px; border-radius: 4px;
} }
.p-inputtext:enabled:hover { .p-inputtext:enabled:hover {
border-color: #00ACC1; border-color: #00ACC1;
@ -715,7 +720,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #ced4da; border: 1px solid #ced4da;
border-radius: 3px; border-radius: 4px;
} }
.p-listbox .p-listbox-header { .p-listbox .p-listbox-header {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -723,8 +728,8 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
margin: 0; margin: 0;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-listbox .p-listbox-header .p-listbox-filter { .p-listbox .p-listbox-header .p-listbox-filter {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -766,7 +771,7 @@
background: #ffffff; background: #ffffff;
border: 1px solid #ced4da; border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-multiselect:not(.p-disabled):hover { .p-multiselect:not(.p-disabled):hover {
border-color: #00ACC1; border-color: #00ACC1;
@ -787,15 +792,15 @@
background: #ffffff; background: #ffffff;
color: #6c757d; color: #6c757d;
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-multiselect-panel { .p-multiselect-panel {
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-multiselect-panel .p-multiselect-header { .p-multiselect-panel .p-multiselect-header {
@ -804,8 +809,8 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
margin: 0; margin: 0;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -881,7 +886,7 @@
height: 1.5rem; height: 1.5rem;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 1px solid #ced4da; border: 2px solid #ced4da;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
@ -916,6 +921,10 @@
border-color: #f44336; border-color: #f44336;
} }
.p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #ffffff;
}
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
color: #495057; color: #495057;
margin-left: 0.5rem; margin-left: 0.5rem;
@ -985,7 +994,7 @@
.p-slider { .p-slider {
background: #dee2e6; background: #dee2e6;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
} }
.p-slider.p-slider-horizontal { .p-slider.p-slider-horizontal {
height: 0.286rem; height: 0.286rem;
@ -1071,7 +1080,7 @@
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
font-size: 1rem; font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-button:enabled:hover { .p-button:enabled:hover {
background: #0097A7; background: #0097A7;
@ -1227,6 +1236,25 @@
border-color: #F57F17; border-color: #F57F17;
} }
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #9C27B0;
border: 1px solid #9C27B0;
}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #8E24AA;
color: #ffffff;
border-color: #8E24AA;
}
.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #CE93D8;
}
.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #7B1FA2;
color: #ffffff;
border-color: #7B1FA2;
}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff; color: #ffffff;
background: #D32F2F; background: #D32F2F;
@ -1321,8 +1349,8 @@
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-top-right-radius: 3px; border-top-right-radius: 4px;
font-weight: 600; font-weight: 600;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1332,8 +1360,8 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
font-weight: 600; font-weight: 600;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-datatable .p-datatable-thead > tr > th { .p-datatable .p-datatable-thead > tr > th {
text-align: left; text-align: left;
@ -1491,8 +1519,8 @@
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-top-right-radius: 3px; border-top-right-radius: 4px;
font-weight: 600; font-weight: 600;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1511,8 +1539,8 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
font-weight: 600; font-weight: 600;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.fc .fc-view-container th { .fc .fc-view-container th {
@ -1546,11 +1574,11 @@
border: 1px solid #00ACC1; border: 1px solid #00ACC1;
font-size: 1rem; font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
display: flex; display: flex;
align-items: center; align-items: center;
} }
.fc .fc-toolbar .fc-button:enabled:hover { .fc .fc-toolbar .fc-button:hover {
background: #0097A7; background: #0097A7;
color: #ffffff; color: #ffffff;
border-color: #0097A7; border-color: #0097A7;
@ -1582,7 +1610,7 @@
color: #495057; color: #495057;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:not(.p-disabled):not(.fc-active):hover { .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
background: #e9ecef; background: #e9ecef;
border-color: #ced4da; border-color: #ced4da;
color: #495057; color: #495057;
@ -1592,7 +1620,12 @@
border-color: #00ACC1; border-color: #00ACC1;
color: #ffffff; color: #ffffff;
} }
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
background: #0097A7;
border-color: #0097A7;
color: #ffffff;
}
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem #B2EBF2; box-shadow: 0 0 0 0.2rem #B2EBF2;
@ -1602,12 +1635,12 @@
border-radius: 0; border-radius: 0;
} }
.fc .fc-toolbar .fc-button-group .fc-button:first-child { .fc .fc-toolbar .fc-button-group .fc-button:first-child {
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.fc .fc-toolbar .fc-button-group .fc-button:last-child { .fc .fc-toolbar .fc-button-group .fc-button:last-child {
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-orderlist .p-orderlist-controls { .p-orderlist .p-orderlist-controls {
@ -1623,16 +1656,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-orderlist .p-orderlist-list { .p-orderlist .p-orderlist-list {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item { .p-orderlist .p-orderlist-list .p-orderlist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1652,8 +1685,8 @@
box-shadow: inset 0 0 0 0.15rem #B2EBF2; box-shadow: inset 0 0 0 0.15rem #B2EBF2;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
background: #00ACC1;
color: #ffffff; color: #ffffff;
background: #00ACC1;
} }
@media screen and (max-width: 769px) { @media screen and (max-width: 769px) {
@ -1704,7 +1737,7 @@
bottom: -0.7em; bottom: -0.7em;
margin-left: -0.46em; margin-left: -0.46em;
color: #6c757d; color: #6c757d;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-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 {
@ -1721,7 +1754,7 @@
color: #6c757d; color: #6c757d;
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border-radius: 3px; border-radius: 4px;
} }
.p-paginator .p-paginator-first, .p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev, .p-paginator .p-paginator-prev,
@ -1734,7 +1767,7 @@
height: 2.357rem; height: 2.357rem;
margin: 0.143rem; margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
@ -1763,7 +1796,7 @@
height: 2.357rem; height: 2.357rem;
margin: 0.143rem; margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #00ACC1; background: #00ACC1;
@ -1789,16 +1822,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-picklist .p-picklist-list { .p-picklist .p-picklist-list {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-picklist .p-picklist-list .p-picklist-item { .p-picklist .p-picklist-list .p-picklist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1818,8 +1851,8 @@
box-shadow: inset 0 0 0 0.15rem #B2EBF2; box-shadow: inset 0 0 0 0.15rem #B2EBF2;
} }
.p-picklist .p-picklist-list .p-picklist-item.p-highlight { .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
background: #00ACC1;
color: #ffffff; color: #ffffff;
background: #00ACC1;
} }
@media screen and (max-width: 769px) { @media screen and (max-width: 769px) {
@ -1855,13 +1888,13 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 1rem; padding: 1rem;
border-radius: 3px; border-radius: 4px;
} }
.p-tree .p-tree-container .p-treenode { .p-tree .p-tree-container .p-treenode {
padding: 0.143rem; padding: 0.143rem;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content { .p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.5rem; padding: 0.5rem;
} }
@ -1932,8 +1965,8 @@
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-top-right-radius: 3px; border-top-right-radius: 4px;
font-weight: 600; font-weight: 600;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {
@ -1943,8 +1976,8 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
font-weight: 600; font-weight: 600;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-treetable .p-treetable-thead > tr > th { .p-treetable .p-treetable-thead > tr > th {
text-align: left; text-align: left;
@ -2085,7 +2118,7 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
font-weight: 600; font-weight: 600;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
@ -2121,8 +2154,8 @@
border-top: 0; border-top: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
border-top-left-radius: 0; border-top-left-radius: 0;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-accordion .p-accordion-tab { .p-accordion .p-accordion-tab {
margin-bottom: 0; margin-bottom: 0;
@ -2137,19 +2170,19 @@
border-top: 0 none; border-top: 0 none;
} }
.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link { .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-card { .p-card {
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
border-radius: 3px; border-radius: 4px;
} }
.p-card .p-card-body { .p-card .p-card-body {
padding: 1rem; padding: 1rem;
@ -2175,7 +2208,7 @@
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
} }
.p-fieldset .p-fieldset-legend { .p-fieldset .p-fieldset-legend {
padding: 1rem; padding: 1rem;
@ -2183,7 +2216,7 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
font-weight: 600; font-weight: 600;
border-radius: 3px; border-radius: 4px;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
@ -2192,7 +2225,7 @@
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem; padding: 1rem;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
@ -2214,8 +2247,8 @@
padding: 1rem; padding: 1rem;
background: #f8f9fa; background: #f8f9fa;
color: #495057; color: #495057;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-panel .p-panel-header .p-panel-title { .p-panel .p-panel-header .p-panel-title {
font-weight: 600; font-weight: 600;
@ -2247,8 +2280,8 @@
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
border-top: 0 none; border-top: 0 none;
} }
.p-panel .p-panel-footer { .p-panel .p-panel-footer {
@ -2274,8 +2307,8 @@
color: #6c757d; color: #6c757d;
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0; margin: 0 0 -2px 0;
} }
@ -2301,32 +2334,32 @@
padding: 1rem; padding: 1rem;
border: 0 none; border: 0 none;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-toolbar { .p-toolbar {
background: #f8f9fa; background: #f8f9fa;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
padding: 1rem; padding: 1rem;
border-radius: 3px; border-radius: 4px;
} }
.p-toolbar .p-toolbar-separator { .p-toolbar .p-toolbar-separator {
margin: 0 0.5rem; margin: 0 0.5rem;
} }
.p-dialog { .p-dialog {
border-radius: 3px; border-radius: 4px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); 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);
border: 0 none; border: 0 none;
} }
.p-dialog .p-dialog-header { .p-dialog .p-dialog-header {
border-bottom: 1px solid #dee2e6; border-bottom: 0 none;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 1rem; padding: 1rem;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-dialog .p-dialog-header .p-dialog-title { .p-dialog .p-dialog-header .p-dialog-title {
font-weight: 600; font-weight: 600;
@ -2361,13 +2394,13 @@
padding: 1rem; padding: 1rem;
} }
.p-dialog .p-dialog-footer { .p-dialog .p-dialog-footer {
border-top: 1px solid #dee2e6; border-top: 0 none;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 1rem; padding: 1rem;
text-align: right; text-align: right;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-dialog .p-dialog-footer button { .p-dialog .p-dialog-footer button {
margin: 0 0.5rem 0 0; margin: 0 0.5rem 0 0;
@ -2382,7 +2415,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); 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-overlaypanel .p-overlaypanel-content { .p-overlaypanel .p-overlaypanel-content {
@ -2453,7 +2486,7 @@
color: #ffffff; color: #ffffff;
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
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);
border-radius: 3px; border-radius: 4px;
} }
.p-tooltip.p-tooltip-right .p-tooltip-arrow { .p-tooltip.p-tooltip-right .p-tooltip-arrow {
border-right-color: #495057; border-right-color: #495057;
@ -2474,8 +2507,8 @@
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
color: #495057; color: #495057;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-fileupload .p-fileupload-buttonbar .p-button { .p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2490,8 +2523,8 @@
padding: 2rem 1rem; padding: 2rem 1rem;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
@ -2514,12 +2547,12 @@
.p-breadcrumb { .p-breadcrumb {
background: #ffffff; background: #ffffff;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
padding: 1rem; padding: 1rem;
} }
.p-breadcrumb ul li .p-menuitem-link { .p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-breadcrumb ul li .p-menuitem-link:focus { .p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none; outline: 0 none;
@ -2607,12 +2640,12 @@
background: #f8f9fa; background: #f8f9fa;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
} }
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none; user-select: none;
} }
@ -2690,8 +2723,8 @@
color: #495057; color: #495057;
background: #ffffff; background: #ffffff;
font-weight: 600; font-weight: 600;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-megamenu .p-megamenu-submenu { .p-megamenu .p-megamenu-submenu {
padding: 0.25rem 0; padding: 0.25rem 0;
@ -2720,7 +2753,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
width: 12.5rem; width: 12.5rem;
} }
.p-menu .p-menuitem-link { .p-menu .p-menuitem-link {
@ -2780,7 +2813,7 @@
background: #f8f9fa; background: #f8f9fa;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
} }
.p-menubar .p-menuitem-link { .p-menubar .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
@ -2819,7 +2852,7 @@
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none; user-select: none;
} }
@ -2886,7 +2919,7 @@
border: 0 none; border: 0 none;
width: 2.5rem; width: 2.5rem;
height: 2.5rem; height: 2.5rem;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i { .p-menubar .p-menubar-button i {
@ -3009,7 +3042,7 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
font-weight: 600; font-weight: 600;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
@ -3052,8 +3085,8 @@
border-top: 0; border-top: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
border-top-left-radius: 0; border-top-left-radius: 0;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
@ -3108,18 +3141,18 @@
border-top: 0 none; border-top: 0 none;
} }
.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-steps .p-steps-item .p-menuitem-link { .p-steps .p-steps-item .p-menuitem-link {
background: transparent; background: transparent;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
background: #ffffff; background: #ffffff;
} }
.p-steps .p-steps-item .p-menuitem-link .p-steps-number { .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -3176,8 +3209,8 @@
color: #6c757d; color: #6c757d;
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0; margin: 0 0 -2px 0;
} }
@ -3207,7 +3240,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
width: 12.5rem; width: 12.5rem;
} }
.p-tieredmenu .p-menuitem-link { .p-tieredmenu .p-menuitem-link {
@ -3274,7 +3307,7 @@
.p-inline-message { .p-inline-message {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
margin: 0; margin: 0;
border-radius: 3px; border-radius: 4px;
} }
.p-inline-message.p-inline-message-info { .p-inline-message.p-inline-message-info {
background: #B3E5FC; background: #B3E5FC;
@ -3325,7 +3358,7 @@
.p-message { .p-message {
margin: 1rem 0; margin: 1rem 0;
border-radius: 3px; border-radius: 4px;
} }
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
@ -3481,7 +3514,7 @@
.p-galleria .p-galleria-close { .p-galleria .p-galleria-close {
margin: 0.5rem; margin: 0.5rem;
background: transparent; background: transparent;
color: #ebedef; color: #f8f9fa;
width: 4rem; width: 4rem;
height: 4rem; height: 4rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -3492,11 +3525,11 @@
} }
.p-galleria .p-galleria-close:hover { .p-galleria .p-galleria-close:hover {
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
color: #ebedef; color: #f8f9fa;
} }
.p-galleria .p-galleria-item-nav { .p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2); background: transparent;
color: #aeb6bf; color: #f8f9fa;
width: 4rem; width: 4rem;
height: 4rem; height: 4rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -3506,12 +3539,12 @@
font-size: 2rem; font-size: 2rem;
} }
.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.3); background: rgba(255, 255, 255, 0.1);
color: #ebedef; color: #f8f9fa;
} }
.p-galleria .p-galleria-caption { .p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
color: #ebedef; color: #f8f9fa;
padding: 1rem; padding: 1rem;
} }
.p-galleria .p-galleria-indicators { .p-galleria .p-galleria-indicators {
@ -3558,7 +3591,7 @@
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
margin: 0.5rem; margin: 0.5rem;
background-color: transparent; background-color: transparent;
color: #aeb6bf; color: #f8f9fa;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -3567,7 +3600,15 @@
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
color: #aeb6bf; color: #f8f9fa;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #B2EBF2;
} }
.p-galleria-mask { .p-galleria-mask {
@ -3576,7 +3617,7 @@
.p-inplace .p-inplace-display { .p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-inplace .p-inplace-display:not(.p-disabled):hover { .p-inplace .p-inplace-display:not(.p-disabled):hover {
@ -3593,8 +3634,8 @@
border: 0 none; border: 0 none;
height: 1.5rem; height: 1.5rem;
background: #dee2e6; background: #dee2e6;
border-radius: 3px; border-radius: 4px;
border-radius: 3px; border-radius: 4px;
} }
.p-progressbar .p-progressbar-value { .p-progressbar .p-progressbar-value {
border: 0 none; border: 0 none;
@ -3669,7 +3710,7 @@
font-size: 0.75rem; font-size: 0.75rem;
font-weight: 700; font-weight: 700;
padding: 0.25rem 0.4rem; padding: 0.25rem 0.4rem;
border-radius: 3px; border-radius: 4px;
} }
.p-tag.p-tag-success { .p-tag.p-tag-success {
background-color: #689F38; background-color: #689F38;
@ -3688,24 +3729,4 @@
color: #ffffff; color: #ffffff;
} }
.p-shadow-1 {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.p-shadow-2 {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.p-shadow-3 {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.p-shadow-4 {
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.p-shadow-5 {
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
/* Customizations to the designer theme should be defined here */ /* Customizations to the designer theme should be defined here */

349
public/themes/saga-deeppurple/theme.css
View File

@ -3,6 +3,7 @@
--layer-0: #ffffff; --layer-0: #ffffff;
--layer-1: #f8f9fa; --layer-1: #f8f9fa;
--layer-2: #e9ecef; --layer-2: #e9ecef;
--layer-3: #dee2e6;
--text-color: #495057; --text-color: #495057;
--text-color-secondary: $shade600; --text-color-secondary: $shade600;
--primary-color: #673AB7; --primary-color: #673AB7;
@ -43,7 +44,7 @@
.p-link { .p-link {
font-size: 1rem; font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
border-radius: 3px; border-radius: 4px;
} }
.p-link:focus { .p-link:focus {
outline: 0 none; outline: 0 none;
@ -84,7 +85,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #673AB7; background: #673AB7;
color: #ffffff; color: #ffffff;
border-radius: 3px; border-radius: 4px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -94,7 +95,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-autocomplete-panel .p-autocomplete-items { .p-autocomplete-panel .p-autocomplete-items {
@ -132,7 +133,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #ced4da; border: 1px solid #ced4da;
border-radius: 3px; border-radius: 4px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
border: 0 none; border: 0 none;
@ -145,8 +146,8 @@
font-weight: 600; font-weight: 600;
margin: 0; margin: 0;
border-bottom: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; 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 {
@ -257,7 +258,7 @@
.p-datepicker .p-monthpicker .p-monthpicker-month { .p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem; padding: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #ffffff; color: #ffffff;
@ -308,12 +309,12 @@
height: 1.5rem; height: 1.5rem;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 1px solid #ced4da; border: 2px solid #ced4da;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
@ -342,6 +343,10 @@
border-color: #f44336; border-color: #f44336;
} }
.p-highlight .p-checkbox .p-checkbox-box {
border-color: #ffffff;
}
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
} }
@ -359,7 +364,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #673AB7; background: #673AB7;
color: #ffffff; color: #ffffff;
border-radius: 3px; border-radius: 4px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -401,7 +406,7 @@
background: #ffffff; background: #ffffff;
border: 1px solid #ced4da; border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-dropdown:not(.p-disabled):hover { .p-dropdown:not(.p-disabled):hover {
border-color: #673AB7; border-color: #673AB7;
@ -427,8 +432,8 @@
background: #ffffff; background: #ffffff;
color: #6c757d; color: #6c757d;
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-dropdown .p-dropdown-clear-icon { .p-dropdown .p-dropdown-clear-icon {
color: #6c757d; color: #6c757d;
@ -439,7 +444,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-dropdown-panel .p-dropdown-header { .p-dropdown-panel .p-dropdown-header {
@ -448,8 +453,8 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
margin: 0; margin: 0;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -486,19 +491,19 @@
.p-editor-container .p-editor-toolbar { .p-editor-container .p-editor-toolbar {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #f8f9fa; background: #f8f9fa;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-editor-container .p-editor-content { .p-editor-container .p-editor-content {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-editor-container .p-editor-content .ql-editor { .p-editor-container .p-editor-content .ql-editor {
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-editor-container .ql-picker.ql-expanded .ql-picker-label { .p-editor-container .ql-picker.ql-expanded .ql-picker-label {
color: #495057; color: #495057;
@ -577,15 +582,15 @@
.p-inputgroup-addon:first-child, .p-inputgroup-addon:first-child,
.p-inputgroup button:first-child, .p-inputgroup button:first-child,
.p-inputgroup input:first-child { .p-inputgroup input:first-child {
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-inputgroup-addon:last-child, .p-inputgroup-addon:last-child,
.p-inputgroup button:last-child, .p-inputgroup button:last-child,
.p-inputgroup input:last-child { .p-inputgroup input:last-child {
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-fluid .p-inputgroup .p-button { .p-fluid .p-inputgroup .p-button {
@ -647,7 +652,7 @@
border-width: 1px; border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none; appearance: none;
border-radius: 3px; border-radius: 4px;
} }
.p-inputtext:enabled:hover { .p-inputtext:enabled:hover {
border-color: #673AB7; border-color: #673AB7;
@ -715,7 +720,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #ced4da; border: 1px solid #ced4da;
border-radius: 3px; border-radius: 4px;
} }
.p-listbox .p-listbox-header { .p-listbox .p-listbox-header {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -723,8 +728,8 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
margin: 0; margin: 0;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-listbox .p-listbox-header .p-listbox-filter { .p-listbox .p-listbox-header .p-listbox-filter {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -766,7 +771,7 @@
background: #ffffff; background: #ffffff;
border: 1px solid #ced4da; border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-multiselect:not(.p-disabled):hover { .p-multiselect:not(.p-disabled):hover {
border-color: #673AB7; border-color: #673AB7;
@ -787,15 +792,15 @@
background: #ffffff; background: #ffffff;
color: #6c757d; color: #6c757d;
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-multiselect-panel { .p-multiselect-panel {
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-multiselect-panel .p-multiselect-header { .p-multiselect-panel .p-multiselect-header {
@ -804,8 +809,8 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
margin: 0; margin: 0;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -881,7 +886,7 @@
height: 1.5rem; height: 1.5rem;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 1px solid #ced4da; border: 2px solid #ced4da;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
@ -916,6 +921,10 @@
border-color: #f44336; border-color: #f44336;
} }
.p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #ffffff;
}
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
color: #495057; color: #495057;
margin-left: 0.5rem; margin-left: 0.5rem;
@ -985,7 +994,7 @@
.p-slider { .p-slider {
background: #dee2e6; background: #dee2e6;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
} }
.p-slider.p-slider-horizontal { .p-slider.p-slider-horizontal {
height: 0.286rem; height: 0.286rem;
@ -1071,7 +1080,7 @@
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
font-size: 1rem; font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-button:enabled:hover { .p-button:enabled:hover {
background: #5E35B1; background: #5E35B1;
@ -1227,6 +1236,25 @@
border-color: #F57F17; border-color: #F57F17;
} }
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #9C27B0;
border: 1px solid #9C27B0;
}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #8E24AA;
color: #ffffff;
border-color: #8E24AA;
}
.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #CE93D8;
}
.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #7B1FA2;
color: #ffffff;
border-color: #7B1FA2;
}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff; color: #ffffff;
background: #D32F2F; background: #D32F2F;
@ -1321,8 +1349,8 @@
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-top-right-radius: 3px; border-top-right-radius: 4px;
font-weight: 600; font-weight: 600;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1332,8 +1360,8 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
font-weight: 600; font-weight: 600;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-datatable .p-datatable-thead > tr > th { .p-datatable .p-datatable-thead > tr > th {
text-align: left; text-align: left;
@ -1491,8 +1519,8 @@
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-top-right-radius: 3px; border-top-right-radius: 4px;
font-weight: 600; font-weight: 600;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1511,8 +1539,8 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
font-weight: 600; font-weight: 600;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.fc .fc-view-container th { .fc .fc-view-container th {
@ -1546,11 +1574,11 @@
border: 1px solid #673AB7; border: 1px solid #673AB7;
font-size: 1rem; font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
display: flex; display: flex;
align-items: center; align-items: center;
} }
.fc .fc-toolbar .fc-button:enabled:hover { .fc .fc-toolbar .fc-button:hover {
background: #5E35B1; background: #5E35B1;
color: #ffffff; color: #ffffff;
border-color: #5E35B1; border-color: #5E35B1;
@ -1582,7 +1610,7 @@
color: #495057; color: #495057;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:not(.p-disabled):not(.fc-active):hover { .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
background: #e9ecef; background: #e9ecef;
border-color: #ced4da; border-color: #ced4da;
color: #495057; color: #495057;
@ -1592,7 +1620,12 @@
border-color: #673AB7; border-color: #673AB7;
color: #ffffff; color: #ffffff;
} }
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
background: #5E35B1;
border-color: #5E35B1;
color: #ffffff;
}
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem #D1C4E9; box-shadow: 0 0 0 0.2rem #D1C4E9;
@ -1602,12 +1635,12 @@
border-radius: 0; border-radius: 0;
} }
.fc .fc-toolbar .fc-button-group .fc-button:first-child { .fc .fc-toolbar .fc-button-group .fc-button:first-child {
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.fc .fc-toolbar .fc-button-group .fc-button:last-child { .fc .fc-toolbar .fc-button-group .fc-button:last-child {
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-orderlist .p-orderlist-controls { .p-orderlist .p-orderlist-controls {
@ -1623,16 +1656,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-orderlist .p-orderlist-list { .p-orderlist .p-orderlist-list {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item { .p-orderlist .p-orderlist-list .p-orderlist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1652,8 +1685,8 @@
box-shadow: inset 0 0 0 0.15rem #D1C4E9; box-shadow: inset 0 0 0 0.15rem #D1C4E9;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
background: #673AB7;
color: #ffffff; color: #ffffff;
background: #673AB7;
} }
@media screen and (max-width: 769px) { @media screen and (max-width: 769px) {
@ -1704,7 +1737,7 @@
bottom: -0.7em; bottom: -0.7em;
margin-left: -0.46em; margin-left: -0.46em;
color: #6c757d; color: #6c757d;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-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 {
@ -1721,7 +1754,7 @@
color: #6c757d; color: #6c757d;
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border-radius: 3px; border-radius: 4px;
} }
.p-paginator .p-paginator-first, .p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev, .p-paginator .p-paginator-prev,
@ -1734,7 +1767,7 @@
height: 2.357rem; height: 2.357rem;
margin: 0.143rem; margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
@ -1763,7 +1796,7 @@
height: 2.357rem; height: 2.357rem;
margin: 0.143rem; margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #673AB7; background: #673AB7;
@ -1789,16 +1822,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-picklist .p-picklist-list { .p-picklist .p-picklist-list {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-picklist .p-picklist-list .p-picklist-item { .p-picklist .p-picklist-list .p-picklist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1818,8 +1851,8 @@
box-shadow: inset 0 0 0 0.15rem #D1C4E9; box-shadow: inset 0 0 0 0.15rem #D1C4E9;
} }
.p-picklist .p-picklist-list .p-picklist-item.p-highlight { .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
background: #673AB7;
color: #ffffff; color: #ffffff;
background: #673AB7;
} }
@media screen and (max-width: 769px) { @media screen and (max-width: 769px) {
@ -1855,13 +1888,13 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 1rem; padding: 1rem;
border-radius: 3px; border-radius: 4px;
} }
.p-tree .p-tree-container .p-treenode { .p-tree .p-tree-container .p-treenode {
padding: 0.143rem; padding: 0.143rem;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content { .p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.5rem; padding: 0.5rem;
} }
@ -1932,8 +1965,8 @@
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-top-right-radius: 3px; border-top-right-radius: 4px;
font-weight: 600; font-weight: 600;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {
@ -1943,8 +1976,8 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
font-weight: 600; font-weight: 600;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-treetable .p-treetable-thead > tr > th { .p-treetable .p-treetable-thead > tr > th {
text-align: left; text-align: left;
@ -2085,7 +2118,7 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
font-weight: 600; font-weight: 600;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
@ -2121,8 +2154,8 @@
border-top: 0; border-top: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
border-top-left-radius: 0; border-top-left-radius: 0;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-accordion .p-accordion-tab { .p-accordion .p-accordion-tab {
margin-bottom: 0; margin-bottom: 0;
@ -2137,19 +2170,19 @@
border-top: 0 none; border-top: 0 none;
} }
.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link { .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-card { .p-card {
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
border-radius: 3px; border-radius: 4px;
} }
.p-card .p-card-body { .p-card .p-card-body {
padding: 1rem; padding: 1rem;
@ -2175,7 +2208,7 @@
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
} }
.p-fieldset .p-fieldset-legend { .p-fieldset .p-fieldset-legend {
padding: 1rem; padding: 1rem;
@ -2183,7 +2216,7 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
font-weight: 600; font-weight: 600;
border-radius: 3px; border-radius: 4px;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
@ -2192,7 +2225,7 @@
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem; padding: 1rem;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
@ -2214,8 +2247,8 @@
padding: 1rem; padding: 1rem;
background: #f8f9fa; background: #f8f9fa;
color: #495057; color: #495057;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-panel .p-panel-header .p-panel-title { .p-panel .p-panel-header .p-panel-title {
font-weight: 600; font-weight: 600;
@ -2247,8 +2280,8 @@
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
border-top: 0 none; border-top: 0 none;
} }
.p-panel .p-panel-footer { .p-panel .p-panel-footer {
@ -2274,8 +2307,8 @@
color: #6c757d; color: #6c757d;
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0; margin: 0 0 -2px 0;
} }
@ -2301,32 +2334,32 @@
padding: 1rem; padding: 1rem;
border: 0 none; border: 0 none;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-toolbar { .p-toolbar {
background: #f8f9fa; background: #f8f9fa;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
padding: 1rem; padding: 1rem;
border-radius: 3px; border-radius: 4px;
} }
.p-toolbar .p-toolbar-separator { .p-toolbar .p-toolbar-separator {
margin: 0 0.5rem; margin: 0 0.5rem;
} }
.p-dialog { .p-dialog {
border-radius: 3px; border-radius: 4px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); 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);
border: 0 none; border: 0 none;
} }
.p-dialog .p-dialog-header { .p-dialog .p-dialog-header {
border-bottom: 1px solid #dee2e6; border-bottom: 0 none;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 1rem; padding: 1rem;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-dialog .p-dialog-header .p-dialog-title { .p-dialog .p-dialog-header .p-dialog-title {
font-weight: 600; font-weight: 600;
@ -2361,13 +2394,13 @@
padding: 1rem; padding: 1rem;
} }
.p-dialog .p-dialog-footer { .p-dialog .p-dialog-footer {
border-top: 1px solid #dee2e6; border-top: 0 none;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 1rem; padding: 1rem;
text-align: right; text-align: right;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-dialog .p-dialog-footer button { .p-dialog .p-dialog-footer button {
margin: 0 0.5rem 0 0; margin: 0 0.5rem 0 0;
@ -2382,7 +2415,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); 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-overlaypanel .p-overlaypanel-content { .p-overlaypanel .p-overlaypanel-content {
@ -2453,7 +2486,7 @@
color: #ffffff; color: #ffffff;
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
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);
border-radius: 3px; border-radius: 4px;
} }
.p-tooltip.p-tooltip-right .p-tooltip-arrow { .p-tooltip.p-tooltip-right .p-tooltip-arrow {
border-right-color: #495057; border-right-color: #495057;
@ -2474,8 +2507,8 @@
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
color: #495057; color: #495057;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-fileupload .p-fileupload-buttonbar .p-button { .p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2490,8 +2523,8 @@
padding: 2rem 1rem; padding: 2rem 1rem;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
@ -2514,12 +2547,12 @@
.p-breadcrumb { .p-breadcrumb {
background: #ffffff; background: #ffffff;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
padding: 1rem; padding: 1rem;
} }
.p-breadcrumb ul li .p-menuitem-link { .p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-breadcrumb ul li .p-menuitem-link:focus { .p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none; outline: 0 none;
@ -2607,12 +2640,12 @@
background: #f8f9fa; background: #f8f9fa;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
} }
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none; user-select: none;
} }
@ -2690,8 +2723,8 @@
color: #495057; color: #495057;
background: #ffffff; background: #ffffff;
font-weight: 600; font-weight: 600;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-megamenu .p-megamenu-submenu { .p-megamenu .p-megamenu-submenu {
padding: 0.25rem 0; padding: 0.25rem 0;
@ -2720,7 +2753,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
width: 12.5rem; width: 12.5rem;
} }
.p-menu .p-menuitem-link { .p-menu .p-menuitem-link {
@ -2780,7 +2813,7 @@
background: #f8f9fa; background: #f8f9fa;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
} }
.p-menubar .p-menuitem-link { .p-menubar .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
@ -2819,7 +2852,7 @@
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none; user-select: none;
} }
@ -2886,7 +2919,7 @@
border: 0 none; border: 0 none;
width: 2.5rem; width: 2.5rem;
height: 2.5rem; height: 2.5rem;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i { .p-menubar .p-menubar-button i {
@ -3009,7 +3042,7 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
font-weight: 600; font-weight: 600;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
@ -3052,8 +3085,8 @@
border-top: 0; border-top: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
border-top-left-radius: 0; border-top-left-radius: 0;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
@ -3108,18 +3141,18 @@
border-top: 0 none; border-top: 0 none;
} }
.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-steps .p-steps-item .p-menuitem-link { .p-steps .p-steps-item .p-menuitem-link {
background: transparent; background: transparent;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
background: #ffffff; background: #ffffff;
} }
.p-steps .p-steps-item .p-menuitem-link .p-steps-number { .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -3176,8 +3209,8 @@
color: #6c757d; color: #6c757d;
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0; margin: 0 0 -2px 0;
} }
@ -3207,7 +3240,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
width: 12.5rem; width: 12.5rem;
} }
.p-tieredmenu .p-menuitem-link { .p-tieredmenu .p-menuitem-link {
@ -3274,7 +3307,7 @@
.p-inline-message { .p-inline-message {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
margin: 0; margin: 0;
border-radius: 3px; border-radius: 4px;
} }
.p-inline-message.p-inline-message-info { .p-inline-message.p-inline-message-info {
background: #B3E5FC; background: #B3E5FC;
@ -3325,7 +3358,7 @@
.p-message { .p-message {
margin: 1rem 0; margin: 1rem 0;
border-radius: 3px; border-radius: 4px;
} }
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
@ -3481,7 +3514,7 @@
.p-galleria .p-galleria-close { .p-galleria .p-galleria-close {
margin: 0.5rem; margin: 0.5rem;
background: transparent; background: transparent;
color: #ebedef; color: #f8f9fa;
width: 4rem; width: 4rem;
height: 4rem; height: 4rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -3492,11 +3525,11 @@
} }
.p-galleria .p-galleria-close:hover { .p-galleria .p-galleria-close:hover {
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
color: #ebedef; color: #f8f9fa;
} }
.p-galleria .p-galleria-item-nav { .p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2); background: transparent;
color: #aeb6bf; color: #f8f9fa;
width: 4rem; width: 4rem;
height: 4rem; height: 4rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -3506,12 +3539,12 @@
font-size: 2rem; font-size: 2rem;
} }
.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.3); background: rgba(255, 255, 255, 0.1);
color: #ebedef; color: #f8f9fa;
} }
.p-galleria .p-galleria-caption { .p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
color: #ebedef; color: #f8f9fa;
padding: 1rem; padding: 1rem;
} }
.p-galleria .p-galleria-indicators { .p-galleria .p-galleria-indicators {
@ -3558,7 +3591,7 @@
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
margin: 0.5rem; margin: 0.5rem;
background-color: transparent; background-color: transparent;
color: #aeb6bf; color: #f8f9fa;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -3567,7 +3600,15 @@
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
color: #aeb6bf; color: #f8f9fa;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #D1C4E9;
} }
.p-galleria-mask { .p-galleria-mask {
@ -3576,7 +3617,7 @@
.p-inplace .p-inplace-display { .p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-inplace .p-inplace-display:not(.p-disabled):hover { .p-inplace .p-inplace-display:not(.p-disabled):hover {
@ -3593,8 +3634,8 @@
border: 0 none; border: 0 none;
height: 1.5rem; height: 1.5rem;
background: #dee2e6; background: #dee2e6;
border-radius: 3px; border-radius: 4px;
border-radius: 3px; border-radius: 4px;
} }
.p-progressbar .p-progressbar-value { .p-progressbar .p-progressbar-value {
border: 0 none; border: 0 none;
@ -3669,7 +3710,7 @@
font-size: 0.75rem; font-size: 0.75rem;
font-weight: 700; font-weight: 700;
padding: 0.25rem 0.4rem; padding: 0.25rem 0.4rem;
border-radius: 3px; border-radius: 4px;
} }
.p-tag.p-tag-success { .p-tag.p-tag-success {
background-color: #689F38; background-color: #689F38;
@ -3688,24 +3729,4 @@
color: #ffffff; color: #ffffff;
} }
.p-shadow-1 {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.p-shadow-2 {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.p-shadow-3 {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.p-shadow-4 {
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.p-shadow-5 {
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
/* Customizations to the designer theme should be defined here */ /* Customizations to the designer theme should be defined here */

349
public/themes/saga-green/theme.css
View File

@ -3,6 +3,7 @@
--layer-0: #ffffff; --layer-0: #ffffff;
--layer-1: #f8f9fa; --layer-1: #f8f9fa;
--layer-2: #e9ecef; --layer-2: #e9ecef;
--layer-3: #dee2e6;
--text-color: #495057; --text-color: #495057;
--text-color-secondary: $shade600; --text-color-secondary: $shade600;
--primary-color: #4CAF50; --primary-color: #4CAF50;
@ -43,7 +44,7 @@
.p-link { .p-link {
font-size: 1rem; font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
border-radius: 3px; border-radius: 4px;
} }
.p-link:focus { .p-link:focus {
outline: 0 none; outline: 0 none;
@ -84,7 +85,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #4CAF50; background: #4CAF50;
color: #ffffff; color: #ffffff;
border-radius: 3px; border-radius: 4px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -94,7 +95,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-autocomplete-panel .p-autocomplete-items { .p-autocomplete-panel .p-autocomplete-items {
@ -132,7 +133,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #ced4da; border: 1px solid #ced4da;
border-radius: 3px; border-radius: 4px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
border: 0 none; border: 0 none;
@ -145,8 +146,8 @@
font-weight: 600; font-weight: 600;
margin: 0; margin: 0;
border-bottom: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; 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 {
@ -257,7 +258,7 @@
.p-datepicker .p-monthpicker .p-monthpicker-month { .p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem; padding: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #ffffff; color: #ffffff;
@ -308,12 +309,12 @@
height: 1.5rem; height: 1.5rem;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 1px solid #ced4da; border: 2px solid #ced4da;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
@ -342,6 +343,10 @@
border-color: #f44336; border-color: #f44336;
} }
.p-highlight .p-checkbox .p-checkbox-box {
border-color: #ffffff;
}
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
} }
@ -359,7 +364,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #4CAF50; background: #4CAF50;
color: #ffffff; color: #ffffff;
border-radius: 3px; border-radius: 4px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -401,7 +406,7 @@
background: #ffffff; background: #ffffff;
border: 1px solid #ced4da; border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-dropdown:not(.p-disabled):hover { .p-dropdown:not(.p-disabled):hover {
border-color: #4CAF50; border-color: #4CAF50;
@ -427,8 +432,8 @@
background: #ffffff; background: #ffffff;
color: #6c757d; color: #6c757d;
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-dropdown .p-dropdown-clear-icon { .p-dropdown .p-dropdown-clear-icon {
color: #6c757d; color: #6c757d;
@ -439,7 +444,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-dropdown-panel .p-dropdown-header { .p-dropdown-panel .p-dropdown-header {
@ -448,8 +453,8 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
margin: 0; margin: 0;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -486,19 +491,19 @@
.p-editor-container .p-editor-toolbar { .p-editor-container .p-editor-toolbar {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #f8f9fa; background: #f8f9fa;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-editor-container .p-editor-content { .p-editor-container .p-editor-content {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-editor-container .p-editor-content .ql-editor { .p-editor-container .p-editor-content .ql-editor {
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-editor-container .ql-picker.ql-expanded .ql-picker-label { .p-editor-container .ql-picker.ql-expanded .ql-picker-label {
color: #495057; color: #495057;
@ -577,15 +582,15 @@
.p-inputgroup-addon:first-child, .p-inputgroup-addon:first-child,
.p-inputgroup button:first-child, .p-inputgroup button:first-child,
.p-inputgroup input:first-child { .p-inputgroup input:first-child {
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-inputgroup-addon:last-child, .p-inputgroup-addon:last-child,
.p-inputgroup button:last-child, .p-inputgroup button:last-child,
.p-inputgroup input:last-child { .p-inputgroup input:last-child {
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-fluid .p-inputgroup .p-button { .p-fluid .p-inputgroup .p-button {
@ -647,7 +652,7 @@
border-width: 1px; border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none; appearance: none;
border-radius: 3px; border-radius: 4px;
} }
.p-inputtext:enabled:hover { .p-inputtext:enabled:hover {
border-color: #4CAF50; border-color: #4CAF50;
@ -715,7 +720,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #ced4da; border: 1px solid #ced4da;
border-radius: 3px; border-radius: 4px;
} }
.p-listbox .p-listbox-header { .p-listbox .p-listbox-header {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -723,8 +728,8 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
margin: 0; margin: 0;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-listbox .p-listbox-header .p-listbox-filter { .p-listbox .p-listbox-header .p-listbox-filter {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -766,7 +771,7 @@
background: #ffffff; background: #ffffff;
border: 1px solid #ced4da; border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-multiselect:not(.p-disabled):hover { .p-multiselect:not(.p-disabled):hover {
border-color: #4CAF50; border-color: #4CAF50;
@ -787,15 +792,15 @@
background: #ffffff; background: #ffffff;
color: #6c757d; color: #6c757d;
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-multiselect-panel { .p-multiselect-panel {
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-multiselect-panel .p-multiselect-header { .p-multiselect-panel .p-multiselect-header {
@ -804,8 +809,8 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
margin: 0; margin: 0;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -881,7 +886,7 @@
height: 1.5rem; height: 1.5rem;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 1px solid #ced4da; border: 2px solid #ced4da;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
@ -916,6 +921,10 @@
border-color: #f44336; border-color: #f44336;
} }
.p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #ffffff;
}
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
color: #495057; color: #495057;
margin-left: 0.5rem; margin-left: 0.5rem;
@ -985,7 +994,7 @@
.p-slider { .p-slider {
background: #dee2e6; background: #dee2e6;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
} }
.p-slider.p-slider-horizontal { .p-slider.p-slider-horizontal {
height: 0.286rem; height: 0.286rem;
@ -1071,7 +1080,7 @@
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
font-size: 1rem; font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-button:enabled:hover { .p-button:enabled:hover {
background: #43A047; background: #43A047;
@ -1227,6 +1236,25 @@
border-color: #F57F17; border-color: #F57F17;
} }
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #9C27B0;
border: 1px solid #9C27B0;
}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #8E24AA;
color: #ffffff;
border-color: #8E24AA;
}
.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #CE93D8;
}
.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #7B1FA2;
color: #ffffff;
border-color: #7B1FA2;
}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff; color: #ffffff;
background: #D32F2F; background: #D32F2F;
@ -1321,8 +1349,8 @@
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-top-right-radius: 3px; border-top-right-radius: 4px;
font-weight: 600; font-weight: 600;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1332,8 +1360,8 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
font-weight: 600; font-weight: 600;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-datatable .p-datatable-thead > tr > th { .p-datatable .p-datatable-thead > tr > th {
text-align: left; text-align: left;
@ -1491,8 +1519,8 @@
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-top-right-radius: 3px; border-top-right-radius: 4px;
font-weight: 600; font-weight: 600;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1511,8 +1539,8 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
font-weight: 600; font-weight: 600;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.fc .fc-view-container th { .fc .fc-view-container th {
@ -1546,11 +1574,11 @@
border: 1px solid #4CAF50; border: 1px solid #4CAF50;
font-size: 1rem; font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
display: flex; display: flex;
align-items: center; align-items: center;
} }
.fc .fc-toolbar .fc-button:enabled:hover { .fc .fc-toolbar .fc-button:hover {
background: #43A047; background: #43A047;
color: #ffffff; color: #ffffff;
border-color: #43A047; border-color: #43A047;
@ -1582,7 +1610,7 @@
color: #495057; color: #495057;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:not(.p-disabled):not(.fc-active):hover { .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
background: #e9ecef; background: #e9ecef;
border-color: #ced4da; border-color: #ced4da;
color: #495057; color: #495057;
@ -1592,7 +1620,12 @@
border-color: #4CAF50; border-color: #4CAF50;
color: #ffffff; color: #ffffff;
} }
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
background: #43A047;
border-color: #43A047;
color: #ffffff;
}
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button: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;
@ -1602,12 +1635,12 @@
border-radius: 0; border-radius: 0;
} }
.fc .fc-toolbar .fc-button-group .fc-button:first-child { .fc .fc-toolbar .fc-button-group .fc-button:first-child {
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.fc .fc-toolbar .fc-button-group .fc-button:last-child { .fc .fc-toolbar .fc-button-group .fc-button:last-child {
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-orderlist .p-orderlist-controls { .p-orderlist .p-orderlist-controls {
@ -1623,16 +1656,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-orderlist .p-orderlist-list { .p-orderlist .p-orderlist-list {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item { .p-orderlist .p-orderlist-list .p-orderlist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1652,8 +1685,8 @@
box-shadow: inset 0 0 0 0.15rem #C8E6C9; box-shadow: inset 0 0 0 0.15rem #C8E6C9;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
background: #4CAF50;
color: #ffffff; color: #ffffff;
background: #4CAF50;
} }
@media screen and (max-width: 769px) { @media screen and (max-width: 769px) {
@ -1704,7 +1737,7 @@
bottom: -0.7em; bottom: -0.7em;
margin-left: -0.46em; margin-left: -0.46em;
color: #6c757d; color: #6c757d;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-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 {
@ -1721,7 +1754,7 @@
color: #6c757d; color: #6c757d;
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border-radius: 3px; border-radius: 4px;
} }
.p-paginator .p-paginator-first, .p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev, .p-paginator .p-paginator-prev,
@ -1734,7 +1767,7 @@
height: 2.357rem; height: 2.357rem;
margin: 0.143rem; margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
@ -1763,7 +1796,7 @@
height: 2.357rem; height: 2.357rem;
margin: 0.143rem; margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #4CAF50; background: #4CAF50;
@ -1789,16 +1822,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-picklist .p-picklist-list { .p-picklist .p-picklist-list {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-picklist .p-picklist-list .p-picklist-item { .p-picklist .p-picklist-list .p-picklist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1818,8 +1851,8 @@
box-shadow: inset 0 0 0 0.15rem #C8E6C9; box-shadow: inset 0 0 0 0.15rem #C8E6C9;
} }
.p-picklist .p-picklist-list .p-picklist-item.p-highlight { .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
background: #4CAF50;
color: #ffffff; color: #ffffff;
background: #4CAF50;
} }
@media screen and (max-width: 769px) { @media screen and (max-width: 769px) {
@ -1855,13 +1888,13 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 1rem; padding: 1rem;
border-radius: 3px; border-radius: 4px;
} }
.p-tree .p-tree-container .p-treenode { .p-tree .p-tree-container .p-treenode {
padding: 0.143rem; padding: 0.143rem;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content { .p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.5rem; padding: 0.5rem;
} }
@ -1932,8 +1965,8 @@
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-top-right-radius: 3px; border-top-right-radius: 4px;
font-weight: 600; font-weight: 600;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {
@ -1943,8 +1976,8 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
font-weight: 600; font-weight: 600;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-treetable .p-treetable-thead > tr > th { .p-treetable .p-treetable-thead > tr > th {
text-align: left; text-align: left;
@ -2085,7 +2118,7 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
font-weight: 600; font-weight: 600;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
@ -2121,8 +2154,8 @@
border-top: 0; border-top: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
border-top-left-radius: 0; border-top-left-radius: 0;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-accordion .p-accordion-tab { .p-accordion .p-accordion-tab {
margin-bottom: 0; margin-bottom: 0;
@ -2137,19 +2170,19 @@
border-top: 0 none; border-top: 0 none;
} }
.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link { .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-card { .p-card {
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
border-radius: 3px; border-radius: 4px;
} }
.p-card .p-card-body { .p-card .p-card-body {
padding: 1rem; padding: 1rem;
@ -2175,7 +2208,7 @@
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
} }
.p-fieldset .p-fieldset-legend { .p-fieldset .p-fieldset-legend {
padding: 1rem; padding: 1rem;
@ -2183,7 +2216,7 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
font-weight: 600; font-weight: 600;
border-radius: 3px; border-radius: 4px;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
@ -2192,7 +2225,7 @@
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem; padding: 1rem;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
@ -2214,8 +2247,8 @@
padding: 1rem; padding: 1rem;
background: #f8f9fa; background: #f8f9fa;
color: #495057; color: #495057;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-panel .p-panel-header .p-panel-title { .p-panel .p-panel-header .p-panel-title {
font-weight: 600; font-weight: 600;
@ -2247,8 +2280,8 @@
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
border-top: 0 none; border-top: 0 none;
} }
.p-panel .p-panel-footer { .p-panel .p-panel-footer {
@ -2274,8 +2307,8 @@
color: #6c757d; color: #6c757d;
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0; margin: 0 0 -2px 0;
} }
@ -2301,32 +2334,32 @@
padding: 1rem; padding: 1rem;
border: 0 none; border: 0 none;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-toolbar { .p-toolbar {
background: #f8f9fa; background: #f8f9fa;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
padding: 1rem; padding: 1rem;
border-radius: 3px; border-radius: 4px;
} }
.p-toolbar .p-toolbar-separator { .p-toolbar .p-toolbar-separator {
margin: 0 0.5rem; margin: 0 0.5rem;
} }
.p-dialog { .p-dialog {
border-radius: 3px; border-radius: 4px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); 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);
border: 0 none; border: 0 none;
} }
.p-dialog .p-dialog-header { .p-dialog .p-dialog-header {
border-bottom: 1px solid #dee2e6; border-bottom: 0 none;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 1rem; padding: 1rem;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-dialog .p-dialog-header .p-dialog-title { .p-dialog .p-dialog-header .p-dialog-title {
font-weight: 600; font-weight: 600;
@ -2361,13 +2394,13 @@
padding: 1rem; padding: 1rem;
} }
.p-dialog .p-dialog-footer { .p-dialog .p-dialog-footer {
border-top: 1px solid #dee2e6; border-top: 0 none;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 1rem; padding: 1rem;
text-align: right; text-align: right;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-dialog .p-dialog-footer button { .p-dialog .p-dialog-footer button {
margin: 0 0.5rem 0 0; margin: 0 0.5rem 0 0;
@ -2382,7 +2415,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); 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-overlaypanel .p-overlaypanel-content { .p-overlaypanel .p-overlaypanel-content {
@ -2453,7 +2486,7 @@
color: #ffffff; color: #ffffff;
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
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);
border-radius: 3px; border-radius: 4px;
} }
.p-tooltip.p-tooltip-right .p-tooltip-arrow { .p-tooltip.p-tooltip-right .p-tooltip-arrow {
border-right-color: #495057; border-right-color: #495057;
@ -2474,8 +2507,8 @@
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
color: #495057; color: #495057;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-fileupload .p-fileupload-buttonbar .p-button { .p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2490,8 +2523,8 @@
padding: 2rem 1rem; padding: 2rem 1rem;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
@ -2514,12 +2547,12 @@
.p-breadcrumb { .p-breadcrumb {
background: #ffffff; background: #ffffff;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
padding: 1rem; padding: 1rem;
} }
.p-breadcrumb ul li .p-menuitem-link { .p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-breadcrumb ul li .p-menuitem-link:focus { .p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none; outline: 0 none;
@ -2607,12 +2640,12 @@
background: #f8f9fa; background: #f8f9fa;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
} }
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none; user-select: none;
} }
@ -2690,8 +2723,8 @@
color: #495057; color: #495057;
background: #ffffff; background: #ffffff;
font-weight: 600; font-weight: 600;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-megamenu .p-megamenu-submenu { .p-megamenu .p-megamenu-submenu {
padding: 0.25rem 0; padding: 0.25rem 0;
@ -2720,7 +2753,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
width: 12.5rem; width: 12.5rem;
} }
.p-menu .p-menuitem-link { .p-menu .p-menuitem-link {
@ -2780,7 +2813,7 @@
background: #f8f9fa; background: #f8f9fa;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
} }
.p-menubar .p-menuitem-link { .p-menubar .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
@ -2819,7 +2852,7 @@
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none; user-select: none;
} }
@ -2886,7 +2919,7 @@
border: 0 none; border: 0 none;
width: 2.5rem; width: 2.5rem;
height: 2.5rem; height: 2.5rem;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i { .p-menubar .p-menubar-button i {
@ -3009,7 +3042,7 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
font-weight: 600; font-weight: 600;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
@ -3052,8 +3085,8 @@
border-top: 0; border-top: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
border-top-left-radius: 0; border-top-left-radius: 0;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
@ -3108,18 +3141,18 @@
border-top: 0 none; border-top: 0 none;
} }
.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-steps .p-steps-item .p-menuitem-link { .p-steps .p-steps-item .p-menuitem-link {
background: transparent; background: transparent;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
background: #ffffff; background: #ffffff;
} }
.p-steps .p-steps-item .p-menuitem-link .p-steps-number { .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -3176,8 +3209,8 @@
color: #6c757d; color: #6c757d;
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0; margin: 0 0 -2px 0;
} }
@ -3207,7 +3240,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
width: 12.5rem; width: 12.5rem;
} }
.p-tieredmenu .p-menuitem-link { .p-tieredmenu .p-menuitem-link {
@ -3274,7 +3307,7 @@
.p-inline-message { .p-inline-message {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
margin: 0; margin: 0;
border-radius: 3px; border-radius: 4px;
} }
.p-inline-message.p-inline-message-info { .p-inline-message.p-inline-message-info {
background: #B3E5FC; background: #B3E5FC;
@ -3325,7 +3358,7 @@
.p-message { .p-message {
margin: 1rem 0; margin: 1rem 0;
border-radius: 3px; border-radius: 4px;
} }
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
@ -3481,7 +3514,7 @@
.p-galleria .p-galleria-close { .p-galleria .p-galleria-close {
margin: 0.5rem; margin: 0.5rem;
background: transparent; background: transparent;
color: #ebedef; color: #f8f9fa;
width: 4rem; width: 4rem;
height: 4rem; height: 4rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -3492,11 +3525,11 @@
} }
.p-galleria .p-galleria-close:hover { .p-galleria .p-galleria-close:hover {
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
color: #ebedef; color: #f8f9fa;
} }
.p-galleria .p-galleria-item-nav { .p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2); background: transparent;
color: #aeb6bf; color: #f8f9fa;
width: 4rem; width: 4rem;
height: 4rem; height: 4rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -3506,12 +3539,12 @@
font-size: 2rem; font-size: 2rem;
} }
.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.3); background: rgba(255, 255, 255, 0.1);
color: #ebedef; color: #f8f9fa;
} }
.p-galleria .p-galleria-caption { .p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
color: #ebedef; color: #f8f9fa;
padding: 1rem; padding: 1rem;
} }
.p-galleria .p-galleria-indicators { .p-galleria .p-galleria-indicators {
@ -3558,7 +3591,7 @@
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
margin: 0.5rem; margin: 0.5rem;
background-color: transparent; background-color: transparent;
color: #aeb6bf; color: #f8f9fa;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -3567,7 +3600,15 @@
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
color: #aeb6bf; color: #f8f9fa;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #C8E6C9;
} }
.p-galleria-mask { .p-galleria-mask {
@ -3576,7 +3617,7 @@
.p-inplace .p-inplace-display { .p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-inplace .p-inplace-display:not(.p-disabled):hover { .p-inplace .p-inplace-display:not(.p-disabled):hover {
@ -3593,8 +3634,8 @@
border: 0 none; border: 0 none;
height: 1.5rem; height: 1.5rem;
background: #dee2e6; background: #dee2e6;
border-radius: 3px; border-radius: 4px;
border-radius: 3px; border-radius: 4px;
} }
.p-progressbar .p-progressbar-value { .p-progressbar .p-progressbar-value {
border: 0 none; border: 0 none;
@ -3669,7 +3710,7 @@
font-size: 0.75rem; font-size: 0.75rem;
font-weight: 700; font-weight: 700;
padding: 0.25rem 0.4rem; padding: 0.25rem 0.4rem;
border-radius: 3px; border-radius: 4px;
} }
.p-tag.p-tag-success { .p-tag.p-tag-success {
background-color: #689F38; background-color: #689F38;
@ -3688,24 +3729,4 @@
color: #ffffff; color: #ffffff;
} }
.p-shadow-1 {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.p-shadow-2 {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.p-shadow-3 {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.p-shadow-4 {
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.p-shadow-5 {
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
/* Customizations to the designer theme should be defined here */ /* Customizations to the designer theme should be defined here */

349
public/themes/saga-indigo/theme.css
View File

@ -3,6 +3,7 @@
--layer-0: #ffffff; --layer-0: #ffffff;
--layer-1: #f8f9fa; --layer-1: #f8f9fa;
--layer-2: #e9ecef; --layer-2: #e9ecef;
--layer-3: #dee2e6;
--text-color: #495057; --text-color: #495057;
--text-color-secondary: $shade600; --text-color-secondary: $shade600;
--primary-color: #3F51B5; --primary-color: #3F51B5;
@ -43,7 +44,7 @@
.p-link { .p-link {
font-size: 1rem; font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
border-radius: 3px; border-radius: 4px;
} }
.p-link:focus { .p-link:focus {
outline: 0 none; outline: 0 none;
@ -84,7 +85,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #3F51B5; background: #3F51B5;
color: #ffffff; color: #ffffff;
border-radius: 3px; border-radius: 4px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -94,7 +95,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-autocomplete-panel .p-autocomplete-items { .p-autocomplete-panel .p-autocomplete-items {
@ -132,7 +133,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #ced4da; border: 1px solid #ced4da;
border-radius: 3px; border-radius: 4px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
border: 0 none; border: 0 none;
@ -145,8 +146,8 @@
font-weight: 600; font-weight: 600;
margin: 0; margin: 0;
border-bottom: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; 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 {
@ -257,7 +258,7 @@
.p-datepicker .p-monthpicker .p-monthpicker-month { .p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem; padding: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #ffffff; color: #ffffff;
@ -308,12 +309,12 @@
height: 1.5rem; height: 1.5rem;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 1px solid #ced4da; border: 2px solid #ced4da;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
@ -342,6 +343,10 @@
border-color: #f44336; border-color: #f44336;
} }
.p-highlight .p-checkbox .p-checkbox-box {
border-color: #ffffff;
}
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
} }
@ -359,7 +364,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #3F51B5; background: #3F51B5;
color: #ffffff; color: #ffffff;
border-radius: 3px; border-radius: 4px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -401,7 +406,7 @@
background: #ffffff; background: #ffffff;
border: 1px solid #ced4da; border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-dropdown:not(.p-disabled):hover { .p-dropdown:not(.p-disabled):hover {
border-color: #3F51B5; border-color: #3F51B5;
@ -427,8 +432,8 @@
background: #ffffff; background: #ffffff;
color: #6c757d; color: #6c757d;
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-dropdown .p-dropdown-clear-icon { .p-dropdown .p-dropdown-clear-icon {
color: #6c757d; color: #6c757d;
@ -439,7 +444,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-dropdown-panel .p-dropdown-header { .p-dropdown-panel .p-dropdown-header {
@ -448,8 +453,8 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
margin: 0; margin: 0;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -486,19 +491,19 @@
.p-editor-container .p-editor-toolbar { .p-editor-container .p-editor-toolbar {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #f8f9fa; background: #f8f9fa;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-editor-container .p-editor-content { .p-editor-container .p-editor-content {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-editor-container .p-editor-content .ql-editor { .p-editor-container .p-editor-content .ql-editor {
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-editor-container .ql-picker.ql-expanded .ql-picker-label { .p-editor-container .ql-picker.ql-expanded .ql-picker-label {
color: #495057; color: #495057;
@ -577,15 +582,15 @@
.p-inputgroup-addon:first-child, .p-inputgroup-addon:first-child,
.p-inputgroup button:first-child, .p-inputgroup button:first-child,
.p-inputgroup input:first-child { .p-inputgroup input:first-child {
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-inputgroup-addon:last-child, .p-inputgroup-addon:last-child,
.p-inputgroup button:last-child, .p-inputgroup button:last-child,
.p-inputgroup input:last-child { .p-inputgroup input:last-child {
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-fluid .p-inputgroup .p-button { .p-fluid .p-inputgroup .p-button {
@ -647,7 +652,7 @@
border-width: 1px; border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none; appearance: none;
border-radius: 3px; border-radius: 4px;
} }
.p-inputtext:enabled:hover { .p-inputtext:enabled:hover {
border-color: #3F51B5; border-color: #3F51B5;
@ -715,7 +720,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #ced4da; border: 1px solid #ced4da;
border-radius: 3px; border-radius: 4px;
} }
.p-listbox .p-listbox-header { .p-listbox .p-listbox-header {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -723,8 +728,8 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
margin: 0; margin: 0;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-listbox .p-listbox-header .p-listbox-filter { .p-listbox .p-listbox-header .p-listbox-filter {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -766,7 +771,7 @@
background: #ffffff; background: #ffffff;
border: 1px solid #ced4da; border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-multiselect:not(.p-disabled):hover { .p-multiselect:not(.p-disabled):hover {
border-color: #3F51B5; border-color: #3F51B5;
@ -787,15 +792,15 @@
background: #ffffff; background: #ffffff;
color: #6c757d; color: #6c757d;
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-multiselect-panel { .p-multiselect-panel {
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-multiselect-panel .p-multiselect-header { .p-multiselect-panel .p-multiselect-header {
@ -804,8 +809,8 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
margin: 0; margin: 0;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -881,7 +886,7 @@
height: 1.5rem; height: 1.5rem;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 1px solid #ced4da; border: 2px solid #ced4da;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
@ -916,6 +921,10 @@
border-color: #f44336; border-color: #f44336;
} }
.p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #ffffff;
}
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
color: #495057; color: #495057;
margin-left: 0.5rem; margin-left: 0.5rem;
@ -985,7 +994,7 @@
.p-slider { .p-slider {
background: #dee2e6; background: #dee2e6;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
} }
.p-slider.p-slider-horizontal { .p-slider.p-slider-horizontal {
height: 0.286rem; height: 0.286rem;
@ -1071,7 +1080,7 @@
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
font-size: 1rem; font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-button:enabled:hover { .p-button:enabled:hover {
background: #3949AB; background: #3949AB;
@ -1227,6 +1236,25 @@
border-color: #F57F17; border-color: #F57F17;
} }
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #9C27B0;
border: 1px solid #9C27B0;
}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #8E24AA;
color: #ffffff;
border-color: #8E24AA;
}
.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #CE93D8;
}
.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #7B1FA2;
color: #ffffff;
border-color: #7B1FA2;
}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff; color: #ffffff;
background: #D32F2F; background: #D32F2F;
@ -1321,8 +1349,8 @@
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-top-right-radius: 3px; border-top-right-radius: 4px;
font-weight: 600; font-weight: 600;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1332,8 +1360,8 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
font-weight: 600; font-weight: 600;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-datatable .p-datatable-thead > tr > th { .p-datatable .p-datatable-thead > tr > th {
text-align: left; text-align: left;
@ -1491,8 +1519,8 @@
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-top-right-radius: 3px; border-top-right-radius: 4px;
font-weight: 600; font-weight: 600;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1511,8 +1539,8 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
font-weight: 600; font-weight: 600;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.fc .fc-view-container th { .fc .fc-view-container th {
@ -1546,11 +1574,11 @@
border: 1px solid #3F51B5; border: 1px solid #3F51B5;
font-size: 1rem; font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
display: flex; display: flex;
align-items: center; align-items: center;
} }
.fc .fc-toolbar .fc-button:enabled:hover { .fc .fc-toolbar .fc-button:hover {
background: #3949AB; background: #3949AB;
color: #ffffff; color: #ffffff;
border-color: #3949AB; border-color: #3949AB;
@ -1582,7 +1610,7 @@
color: #495057; color: #495057;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:not(.p-disabled):not(.fc-active):hover { .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
background: #e9ecef; background: #e9ecef;
border-color: #ced4da; border-color: #ced4da;
color: #495057; color: #495057;
@ -1592,7 +1620,12 @@
border-color: #3F51B5; border-color: #3F51B5;
color: #ffffff; color: #ffffff;
} }
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
background: #3949AB;
border-color: #3949AB;
color: #ffffff;
}
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem #C5CAE9; box-shadow: 0 0 0 0.2rem #C5CAE9;
@ -1602,12 +1635,12 @@
border-radius: 0; border-radius: 0;
} }
.fc .fc-toolbar .fc-button-group .fc-button:first-child { .fc .fc-toolbar .fc-button-group .fc-button:first-child {
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.fc .fc-toolbar .fc-button-group .fc-button:last-child { .fc .fc-toolbar .fc-button-group .fc-button:last-child {
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-orderlist .p-orderlist-controls { .p-orderlist .p-orderlist-controls {
@ -1623,16 +1656,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-orderlist .p-orderlist-list { .p-orderlist .p-orderlist-list {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item { .p-orderlist .p-orderlist-list .p-orderlist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1652,8 +1685,8 @@
box-shadow: inset 0 0 0 0.15rem #C5CAE9; box-shadow: inset 0 0 0 0.15rem #C5CAE9;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
background: #3F51B5;
color: #ffffff; color: #ffffff;
background: #3F51B5;
} }
@media screen and (max-width: 769px) { @media screen and (max-width: 769px) {
@ -1704,7 +1737,7 @@
bottom: -0.7em; bottom: -0.7em;
margin-left: -0.46em; margin-left: -0.46em;
color: #6c757d; color: #6c757d;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-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 {
@ -1721,7 +1754,7 @@
color: #6c757d; color: #6c757d;
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border-radius: 3px; border-radius: 4px;
} }
.p-paginator .p-paginator-first, .p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev, .p-paginator .p-paginator-prev,
@ -1734,7 +1767,7 @@
height: 2.357rem; height: 2.357rem;
margin: 0.143rem; margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
@ -1763,7 +1796,7 @@
height: 2.357rem; height: 2.357rem;
margin: 0.143rem; margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #3F51B5; background: #3F51B5;
@ -1789,16 +1822,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-picklist .p-picklist-list { .p-picklist .p-picklist-list {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-picklist .p-picklist-list .p-picklist-item { .p-picklist .p-picklist-list .p-picklist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1818,8 +1851,8 @@
box-shadow: inset 0 0 0 0.15rem #C5CAE9; box-shadow: inset 0 0 0 0.15rem #C5CAE9;
} }
.p-picklist .p-picklist-list .p-picklist-item.p-highlight { .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
background: #3F51B5;
color: #ffffff; color: #ffffff;
background: #3F51B5;
} }
@media screen and (max-width: 769px) { @media screen and (max-width: 769px) {
@ -1855,13 +1888,13 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 1rem; padding: 1rem;
border-radius: 3px; border-radius: 4px;
} }
.p-tree .p-tree-container .p-treenode { .p-tree .p-tree-container .p-treenode {
padding: 0.143rem; padding: 0.143rem;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content { .p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.5rem; padding: 0.5rem;
} }
@ -1932,8 +1965,8 @@
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-top-right-radius: 3px; border-top-right-radius: 4px;
font-weight: 600; font-weight: 600;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {
@ -1943,8 +1976,8 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
font-weight: 600; font-weight: 600;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-treetable .p-treetable-thead > tr > th { .p-treetable .p-treetable-thead > tr > th {
text-align: left; text-align: left;
@ -2085,7 +2118,7 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
font-weight: 600; font-weight: 600;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
@ -2121,8 +2154,8 @@
border-top: 0; border-top: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
border-top-left-radius: 0; border-top-left-radius: 0;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-accordion .p-accordion-tab { .p-accordion .p-accordion-tab {
margin-bottom: 0; margin-bottom: 0;
@ -2137,19 +2170,19 @@
border-top: 0 none; border-top: 0 none;
} }
.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link { .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-card { .p-card {
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
border-radius: 3px; border-radius: 4px;
} }
.p-card .p-card-body { .p-card .p-card-body {
padding: 1rem; padding: 1rem;
@ -2175,7 +2208,7 @@
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
} }
.p-fieldset .p-fieldset-legend { .p-fieldset .p-fieldset-legend {
padding: 1rem; padding: 1rem;
@ -2183,7 +2216,7 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
font-weight: 600; font-weight: 600;
border-radius: 3px; border-radius: 4px;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
@ -2192,7 +2225,7 @@
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem; padding: 1rem;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
@ -2214,8 +2247,8 @@
padding: 1rem; padding: 1rem;
background: #f8f9fa; background: #f8f9fa;
color: #495057; color: #495057;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-panel .p-panel-header .p-panel-title { .p-panel .p-panel-header .p-panel-title {
font-weight: 600; font-weight: 600;
@ -2247,8 +2280,8 @@
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
border-top: 0 none; border-top: 0 none;
} }
.p-panel .p-panel-footer { .p-panel .p-panel-footer {
@ -2274,8 +2307,8 @@
color: #6c757d; color: #6c757d;
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0; margin: 0 0 -2px 0;
} }
@ -2301,32 +2334,32 @@
padding: 1rem; padding: 1rem;
border: 0 none; border: 0 none;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-toolbar { .p-toolbar {
background: #f8f9fa; background: #f8f9fa;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
padding: 1rem; padding: 1rem;
border-radius: 3px; border-radius: 4px;
} }
.p-toolbar .p-toolbar-separator { .p-toolbar .p-toolbar-separator {
margin: 0 0.5rem; margin: 0 0.5rem;
} }
.p-dialog { .p-dialog {
border-radius: 3px; border-radius: 4px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); 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);
border: 0 none; border: 0 none;
} }
.p-dialog .p-dialog-header { .p-dialog .p-dialog-header {
border-bottom: 1px solid #dee2e6; border-bottom: 0 none;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 1rem; padding: 1rem;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-dialog .p-dialog-header .p-dialog-title { .p-dialog .p-dialog-header .p-dialog-title {
font-weight: 600; font-weight: 600;
@ -2361,13 +2394,13 @@
padding: 1rem; padding: 1rem;
} }
.p-dialog .p-dialog-footer { .p-dialog .p-dialog-footer {
border-top: 1px solid #dee2e6; border-top: 0 none;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 1rem; padding: 1rem;
text-align: right; text-align: right;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-dialog .p-dialog-footer button { .p-dialog .p-dialog-footer button {
margin: 0 0.5rem 0 0; margin: 0 0.5rem 0 0;
@ -2382,7 +2415,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); 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-overlaypanel .p-overlaypanel-content { .p-overlaypanel .p-overlaypanel-content {
@ -2453,7 +2486,7 @@
color: #ffffff; color: #ffffff;
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
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);
border-radius: 3px; border-radius: 4px;
} }
.p-tooltip.p-tooltip-right .p-tooltip-arrow { .p-tooltip.p-tooltip-right .p-tooltip-arrow {
border-right-color: #495057; border-right-color: #495057;
@ -2474,8 +2507,8 @@
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
color: #495057; color: #495057;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-fileupload .p-fileupload-buttonbar .p-button { .p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2490,8 +2523,8 @@
padding: 2rem 1rem; padding: 2rem 1rem;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
@ -2514,12 +2547,12 @@
.p-breadcrumb { .p-breadcrumb {
background: #ffffff; background: #ffffff;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
padding: 1rem; padding: 1rem;
} }
.p-breadcrumb ul li .p-menuitem-link { .p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-breadcrumb ul li .p-menuitem-link:focus { .p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none; outline: 0 none;
@ -2607,12 +2640,12 @@
background: #f8f9fa; background: #f8f9fa;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
} }
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none; user-select: none;
} }
@ -2690,8 +2723,8 @@
color: #495057; color: #495057;
background: #ffffff; background: #ffffff;
font-weight: 600; font-weight: 600;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-megamenu .p-megamenu-submenu { .p-megamenu .p-megamenu-submenu {
padding: 0.25rem 0; padding: 0.25rem 0;
@ -2720,7 +2753,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
width: 12.5rem; width: 12.5rem;
} }
.p-menu .p-menuitem-link { .p-menu .p-menuitem-link {
@ -2780,7 +2813,7 @@
background: #f8f9fa; background: #f8f9fa;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
} }
.p-menubar .p-menuitem-link { .p-menubar .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
@ -2819,7 +2852,7 @@
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none; user-select: none;
} }
@ -2886,7 +2919,7 @@
border: 0 none; border: 0 none;
width: 2.5rem; width: 2.5rem;
height: 2.5rem; height: 2.5rem;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i { .p-menubar .p-menubar-button i {
@ -3009,7 +3042,7 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
font-weight: 600; font-weight: 600;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
@ -3052,8 +3085,8 @@
border-top: 0; border-top: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
border-top-left-radius: 0; border-top-left-radius: 0;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
@ -3108,18 +3141,18 @@
border-top: 0 none; border-top: 0 none;
} }
.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-steps .p-steps-item .p-menuitem-link { .p-steps .p-steps-item .p-menuitem-link {
background: transparent; background: transparent;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
background: #ffffff; background: #ffffff;
} }
.p-steps .p-steps-item .p-menuitem-link .p-steps-number { .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -3176,8 +3209,8 @@
color: #6c757d; color: #6c757d;
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0; margin: 0 0 -2px 0;
} }
@ -3207,7 +3240,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
width: 12.5rem; width: 12.5rem;
} }
.p-tieredmenu .p-menuitem-link { .p-tieredmenu .p-menuitem-link {
@ -3274,7 +3307,7 @@
.p-inline-message { .p-inline-message {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
margin: 0; margin: 0;
border-radius: 3px; border-radius: 4px;
} }
.p-inline-message.p-inline-message-info { .p-inline-message.p-inline-message-info {
background: #B3E5FC; background: #B3E5FC;
@ -3325,7 +3358,7 @@
.p-message { .p-message {
margin: 1rem 0; margin: 1rem 0;
border-radius: 3px; border-radius: 4px;
} }
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
@ -3481,7 +3514,7 @@
.p-galleria .p-galleria-close { .p-galleria .p-galleria-close {
margin: 0.5rem; margin: 0.5rem;
background: transparent; background: transparent;
color: #ebedef; color: #f8f9fa;
width: 4rem; width: 4rem;
height: 4rem; height: 4rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -3492,11 +3525,11 @@
} }
.p-galleria .p-galleria-close:hover { .p-galleria .p-galleria-close:hover {
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
color: #ebedef; color: #f8f9fa;
} }
.p-galleria .p-galleria-item-nav { .p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2); background: transparent;
color: #aeb6bf; color: #f8f9fa;
width: 4rem; width: 4rem;
height: 4rem; height: 4rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -3506,12 +3539,12 @@
font-size: 2rem; font-size: 2rem;
} }
.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.3); background: rgba(255, 255, 255, 0.1);
color: #ebedef; color: #f8f9fa;
} }
.p-galleria .p-galleria-caption { .p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
color: #ebedef; color: #f8f9fa;
padding: 1rem; padding: 1rem;
} }
.p-galleria .p-galleria-indicators { .p-galleria .p-galleria-indicators {
@ -3558,7 +3591,7 @@
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
margin: 0.5rem; margin: 0.5rem;
background-color: transparent; background-color: transparent;
color: #aeb6bf; color: #f8f9fa;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -3567,7 +3600,15 @@
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
color: #aeb6bf; color: #f8f9fa;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #C5CAE9;
} }
.p-galleria-mask { .p-galleria-mask {
@ -3576,7 +3617,7 @@
.p-inplace .p-inplace-display { .p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-inplace .p-inplace-display:not(.p-disabled):hover { .p-inplace .p-inplace-display:not(.p-disabled):hover {
@ -3593,8 +3634,8 @@
border: 0 none; border: 0 none;
height: 1.5rem; height: 1.5rem;
background: #dee2e6; background: #dee2e6;
border-radius: 3px; border-radius: 4px;
border-radius: 3px; border-radius: 4px;
} }
.p-progressbar .p-progressbar-value { .p-progressbar .p-progressbar-value {
border: 0 none; border: 0 none;
@ -3669,7 +3710,7 @@
font-size: 0.75rem; font-size: 0.75rem;
font-weight: 700; font-weight: 700;
padding: 0.25rem 0.4rem; padding: 0.25rem 0.4rem;
border-radius: 3px; border-radius: 4px;
} }
.p-tag.p-tag-success { .p-tag.p-tag-success {
background-color: #689F38; background-color: #689F38;
@ -3688,24 +3729,4 @@
color: #ffffff; color: #ffffff;
} }
.p-shadow-1 {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.p-shadow-2 {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.p-shadow-3 {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.p-shadow-4 {
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.p-shadow-5 {
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
/* Customizations to the designer theme should be defined here */ /* Customizations to the designer theme should be defined here */

349
public/themes/saga-orange/theme.css
View File

@ -3,6 +3,7 @@
--layer-0: #ffffff; --layer-0: #ffffff;
--layer-1: #f8f9fa; --layer-1: #f8f9fa;
--layer-2: #e9ecef; --layer-2: #e9ecef;
--layer-3: #dee2e6;
--text-color: #495057; --text-color: #495057;
--text-color-secondary: $shade600; --text-color-secondary: $shade600;
--primary-color: #FFC107; --primary-color: #FFC107;
@ -43,7 +44,7 @@
.p-link { .p-link {
font-size: 1rem; font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
border-radius: 3px; border-radius: 4px;
} }
.p-link:focus { .p-link:focus {
outline: 0 none; outline: 0 none;
@ -84,7 +85,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #FFC107; background: #FFC107;
color: #212529; color: #212529;
border-radius: 3px; border-radius: 4px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -94,7 +95,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-autocomplete-panel .p-autocomplete-items { .p-autocomplete-panel .p-autocomplete-items {
@ -132,7 +133,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #ced4da; border: 1px solid #ced4da;
border-radius: 3px; border-radius: 4px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
border: 0 none; border: 0 none;
@ -145,8 +146,8 @@
font-weight: 600; font-weight: 600;
margin: 0; margin: 0;
border-bottom: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; 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 {
@ -257,7 +258,7 @@
.p-datepicker .p-monthpicker .p-monthpicker-month { .p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem; padding: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #212529; color: #212529;
@ -308,12 +309,12 @@
height: 1.5rem; height: 1.5rem;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 1px solid #ced4da; border: 2px solid #ced4da;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
@ -342,6 +343,10 @@
border-color: #f44336; border-color: #f44336;
} }
.p-highlight .p-checkbox .p-checkbox-box {
border-color: #212529;
}
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
} }
@ -359,7 +364,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #FFC107; background: #FFC107;
color: #212529; color: #212529;
border-radius: 3px; border-radius: 4px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -401,7 +406,7 @@
background: #ffffff; background: #ffffff;
border: 1px solid #ced4da; border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-dropdown:not(.p-disabled):hover { .p-dropdown:not(.p-disabled):hover {
border-color: #FFC107; border-color: #FFC107;
@ -427,8 +432,8 @@
background: #ffffff; background: #ffffff;
color: #6c757d; color: #6c757d;
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-dropdown .p-dropdown-clear-icon { .p-dropdown .p-dropdown-clear-icon {
color: #6c757d; color: #6c757d;
@ -439,7 +444,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-dropdown-panel .p-dropdown-header { .p-dropdown-panel .p-dropdown-header {
@ -448,8 +453,8 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
margin: 0; margin: 0;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -486,19 +491,19 @@
.p-editor-container .p-editor-toolbar { .p-editor-container .p-editor-toolbar {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #f8f9fa; background: #f8f9fa;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-editor-container .p-editor-content { .p-editor-container .p-editor-content {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-editor-container .p-editor-content .ql-editor { .p-editor-container .p-editor-content .ql-editor {
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-editor-container .ql-picker.ql-expanded .ql-picker-label { .p-editor-container .ql-picker.ql-expanded .ql-picker-label {
color: #495057; color: #495057;
@ -577,15 +582,15 @@
.p-inputgroup-addon:first-child, .p-inputgroup-addon:first-child,
.p-inputgroup button:first-child, .p-inputgroup button:first-child,
.p-inputgroup input:first-child { .p-inputgroup input:first-child {
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-inputgroup-addon:last-child, .p-inputgroup-addon:last-child,
.p-inputgroup button:last-child, .p-inputgroup button:last-child,
.p-inputgroup input:last-child { .p-inputgroup input:last-child {
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-fluid .p-inputgroup .p-button { .p-fluid .p-inputgroup .p-button {
@ -647,7 +652,7 @@
border-width: 1px; border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none; appearance: none;
border-radius: 3px; border-radius: 4px;
} }
.p-inputtext:enabled:hover { .p-inputtext:enabled:hover {
border-color: #FFC107; border-color: #FFC107;
@ -715,7 +720,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #ced4da; border: 1px solid #ced4da;
border-radius: 3px; border-radius: 4px;
} }
.p-listbox .p-listbox-header { .p-listbox .p-listbox-header {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -723,8 +728,8 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
margin: 0; margin: 0;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-listbox .p-listbox-header .p-listbox-filter { .p-listbox .p-listbox-header .p-listbox-filter {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -766,7 +771,7 @@
background: #ffffff; background: #ffffff;
border: 1px solid #ced4da; border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-multiselect:not(.p-disabled):hover { .p-multiselect:not(.p-disabled):hover {
border-color: #FFC107; border-color: #FFC107;
@ -787,15 +792,15 @@
background: #ffffff; background: #ffffff;
color: #6c757d; color: #6c757d;
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-multiselect-panel { .p-multiselect-panel {
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-multiselect-panel .p-multiselect-header { .p-multiselect-panel .p-multiselect-header {
@ -804,8 +809,8 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
margin: 0; margin: 0;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -881,7 +886,7 @@
height: 1.5rem; height: 1.5rem;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 1px solid #ced4da; border: 2px solid #ced4da;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
@ -916,6 +921,10 @@
border-color: #f44336; border-color: #f44336;
} }
.p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #212529;
}
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
color: #495057; color: #495057;
margin-left: 0.5rem; margin-left: 0.5rem;
@ -985,7 +994,7 @@
.p-slider { .p-slider {
background: #dee2e6; background: #dee2e6;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
} }
.p-slider.p-slider-horizontal { .p-slider.p-slider-horizontal {
height: 0.286rem; height: 0.286rem;
@ -1071,7 +1080,7 @@
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
font-size: 1rem; font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-button:enabled:hover { .p-button:enabled:hover {
background: #FFB300; background: #FFB300;
@ -1227,6 +1236,25 @@
border-color: #F57F17; border-color: #F57F17;
} }
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #9C27B0;
border: 1px solid #9C27B0;
}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #8E24AA;
color: #ffffff;
border-color: #8E24AA;
}
.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #CE93D8;
}
.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #7B1FA2;
color: #ffffff;
border-color: #7B1FA2;
}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff; color: #ffffff;
background: #D32F2F; background: #D32F2F;
@ -1321,8 +1349,8 @@
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-top-right-radius: 3px; border-top-right-radius: 4px;
font-weight: 600; font-weight: 600;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1332,8 +1360,8 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
font-weight: 600; font-weight: 600;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-datatable .p-datatable-thead > tr > th { .p-datatable .p-datatable-thead > tr > th {
text-align: left; text-align: left;
@ -1491,8 +1519,8 @@
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-top-right-radius: 3px; border-top-right-radius: 4px;
font-weight: 600; font-weight: 600;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1511,8 +1539,8 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
font-weight: 600; font-weight: 600;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.fc .fc-view-container th { .fc .fc-view-container th {
@ -1546,11 +1574,11 @@
border: 1px solid #FFC107; border: 1px solid #FFC107;
font-size: 1rem; font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
display: flex; display: flex;
align-items: center; align-items: center;
} }
.fc .fc-toolbar .fc-button:enabled:hover { .fc .fc-toolbar .fc-button:hover {
background: #FFB300; background: #FFB300;
color: #212529; color: #212529;
border-color: #FFB300; border-color: #FFB300;
@ -1582,7 +1610,7 @@
color: #495057; color: #495057;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:not(.p-disabled):not(.fc-active):hover { .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
background: #e9ecef; background: #e9ecef;
border-color: #ced4da; border-color: #ced4da;
color: #495057; color: #495057;
@ -1592,7 +1620,12 @@
border-color: #FFC107; border-color: #FFC107;
color: #212529; color: #212529;
} }
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
background: #FFB300;
border-color: #FFB300;
color: #212529;
}
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button: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;
@ -1602,12 +1635,12 @@
border-radius: 0; border-radius: 0;
} }
.fc .fc-toolbar .fc-button-group .fc-button:first-child { .fc .fc-toolbar .fc-button-group .fc-button:first-child {
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.fc .fc-toolbar .fc-button-group .fc-button:last-child { .fc .fc-toolbar .fc-button-group .fc-button:last-child {
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-orderlist .p-orderlist-controls { .p-orderlist .p-orderlist-controls {
@ -1623,16 +1656,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-orderlist .p-orderlist-list { .p-orderlist .p-orderlist-list {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item { .p-orderlist .p-orderlist-list .p-orderlist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1652,8 +1685,8 @@
box-shadow: inset 0 0 0 0.15rem #FFECB3; box-shadow: inset 0 0 0 0.15rem #FFECB3;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
background: #FFC107;
color: #212529; color: #212529;
background: #FFC107;
} }
@media screen and (max-width: 769px) { @media screen and (max-width: 769px) {
@ -1704,7 +1737,7 @@
bottom: -0.7em; bottom: -0.7em;
margin-left: -0.46em; margin-left: -0.46em;
color: #6c757d; color: #6c757d;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-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 {
@ -1721,7 +1754,7 @@
color: #6c757d; color: #6c757d;
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border-radius: 3px; border-radius: 4px;
} }
.p-paginator .p-paginator-first, .p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev, .p-paginator .p-paginator-prev,
@ -1734,7 +1767,7 @@
height: 2.357rem; height: 2.357rem;
margin: 0.143rem; margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
@ -1763,7 +1796,7 @@
height: 2.357rem; height: 2.357rem;
margin: 0.143rem; margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #FFC107; background: #FFC107;
@ -1789,16 +1822,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-picklist .p-picklist-list { .p-picklist .p-picklist-list {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-picklist .p-picklist-list .p-picklist-item { .p-picklist .p-picklist-list .p-picklist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1818,8 +1851,8 @@
box-shadow: inset 0 0 0 0.15rem #FFECB3; box-shadow: inset 0 0 0 0.15rem #FFECB3;
} }
.p-picklist .p-picklist-list .p-picklist-item.p-highlight { .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
background: #FFC107;
color: #212529; color: #212529;
background: #FFC107;
} }
@media screen and (max-width: 769px) { @media screen and (max-width: 769px) {
@ -1855,13 +1888,13 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 1rem; padding: 1rem;
border-radius: 3px; border-radius: 4px;
} }
.p-tree .p-tree-container .p-treenode { .p-tree .p-tree-container .p-treenode {
padding: 0.143rem; padding: 0.143rem;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content { .p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.5rem; padding: 0.5rem;
} }
@ -1932,8 +1965,8 @@
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-top-right-radius: 3px; border-top-right-radius: 4px;
font-weight: 600; font-weight: 600;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {
@ -1943,8 +1976,8 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
font-weight: 600; font-weight: 600;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-treetable .p-treetable-thead > tr > th { .p-treetable .p-treetable-thead > tr > th {
text-align: left; text-align: left;
@ -2085,7 +2118,7 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
font-weight: 600; font-weight: 600;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
@ -2121,8 +2154,8 @@
border-top: 0; border-top: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
border-top-left-radius: 0; border-top-left-radius: 0;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-accordion .p-accordion-tab { .p-accordion .p-accordion-tab {
margin-bottom: 0; margin-bottom: 0;
@ -2137,19 +2170,19 @@
border-top: 0 none; border-top: 0 none;
} }
.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link { .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-card { .p-card {
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
border-radius: 3px; border-radius: 4px;
} }
.p-card .p-card-body { .p-card .p-card-body {
padding: 1rem; padding: 1rem;
@ -2175,7 +2208,7 @@
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
} }
.p-fieldset .p-fieldset-legend { .p-fieldset .p-fieldset-legend {
padding: 1rem; padding: 1rem;
@ -2183,7 +2216,7 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
font-weight: 600; font-weight: 600;
border-radius: 3px; border-radius: 4px;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
@ -2192,7 +2225,7 @@
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem; padding: 1rem;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
@ -2214,8 +2247,8 @@
padding: 1rem; padding: 1rem;
background: #f8f9fa; background: #f8f9fa;
color: #495057; color: #495057;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-panel .p-panel-header .p-panel-title { .p-panel .p-panel-header .p-panel-title {
font-weight: 600; font-weight: 600;
@ -2247,8 +2280,8 @@
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
border-top: 0 none; border-top: 0 none;
} }
.p-panel .p-panel-footer { .p-panel .p-panel-footer {
@ -2274,8 +2307,8 @@
color: #6c757d; color: #6c757d;
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0; margin: 0 0 -2px 0;
} }
@ -2301,32 +2334,32 @@
padding: 1rem; padding: 1rem;
border: 0 none; border: 0 none;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-toolbar { .p-toolbar {
background: #f8f9fa; background: #f8f9fa;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
padding: 1rem; padding: 1rem;
border-radius: 3px; border-radius: 4px;
} }
.p-toolbar .p-toolbar-separator { .p-toolbar .p-toolbar-separator {
margin: 0 0.5rem; margin: 0 0.5rem;
} }
.p-dialog { .p-dialog {
border-radius: 3px; border-radius: 4px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); 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);
border: 0 none; border: 0 none;
} }
.p-dialog .p-dialog-header { .p-dialog .p-dialog-header {
border-bottom: 1px solid #dee2e6; border-bottom: 0 none;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 1rem; padding: 1rem;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-dialog .p-dialog-header .p-dialog-title { .p-dialog .p-dialog-header .p-dialog-title {
font-weight: 600; font-weight: 600;
@ -2361,13 +2394,13 @@
padding: 1rem; padding: 1rem;
} }
.p-dialog .p-dialog-footer { .p-dialog .p-dialog-footer {
border-top: 1px solid #dee2e6; border-top: 0 none;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 1rem; padding: 1rem;
text-align: right; text-align: right;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-dialog .p-dialog-footer button { .p-dialog .p-dialog-footer button {
margin: 0 0.5rem 0 0; margin: 0 0.5rem 0 0;
@ -2382,7 +2415,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); 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-overlaypanel .p-overlaypanel-content { .p-overlaypanel .p-overlaypanel-content {
@ -2453,7 +2486,7 @@
color: #ffffff; color: #ffffff;
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
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);
border-radius: 3px; border-radius: 4px;
} }
.p-tooltip.p-tooltip-right .p-tooltip-arrow { .p-tooltip.p-tooltip-right .p-tooltip-arrow {
border-right-color: #495057; border-right-color: #495057;
@ -2474,8 +2507,8 @@
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
color: #495057; color: #495057;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-fileupload .p-fileupload-buttonbar .p-button { .p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2490,8 +2523,8 @@
padding: 2rem 1rem; padding: 2rem 1rem;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
@ -2514,12 +2547,12 @@
.p-breadcrumb { .p-breadcrumb {
background: #ffffff; background: #ffffff;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
padding: 1rem; padding: 1rem;
} }
.p-breadcrumb ul li .p-menuitem-link { .p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-breadcrumb ul li .p-menuitem-link:focus { .p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none; outline: 0 none;
@ -2607,12 +2640,12 @@
background: #f8f9fa; background: #f8f9fa;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
} }
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none; user-select: none;
} }
@ -2690,8 +2723,8 @@
color: #495057; color: #495057;
background: #ffffff; background: #ffffff;
font-weight: 600; font-weight: 600;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-megamenu .p-megamenu-submenu { .p-megamenu .p-megamenu-submenu {
padding: 0.25rem 0; padding: 0.25rem 0;
@ -2720,7 +2753,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
width: 12.5rem; width: 12.5rem;
} }
.p-menu .p-menuitem-link { .p-menu .p-menuitem-link {
@ -2780,7 +2813,7 @@
background: #f8f9fa; background: #f8f9fa;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
} }
.p-menubar .p-menuitem-link { .p-menubar .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
@ -2819,7 +2852,7 @@
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none; user-select: none;
} }
@ -2886,7 +2919,7 @@
border: 0 none; border: 0 none;
width: 2.5rem; width: 2.5rem;
height: 2.5rem; height: 2.5rem;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i { .p-menubar .p-menubar-button i {
@ -3009,7 +3042,7 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
font-weight: 600; font-weight: 600;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
@ -3052,8 +3085,8 @@
border-top: 0; border-top: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
border-top-left-radius: 0; border-top-left-radius: 0;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
@ -3108,18 +3141,18 @@
border-top: 0 none; border-top: 0 none;
} }
.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-steps .p-steps-item .p-menuitem-link { .p-steps .p-steps-item .p-menuitem-link {
background: transparent; background: transparent;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
background: #ffffff; background: #ffffff;
} }
.p-steps .p-steps-item .p-menuitem-link .p-steps-number { .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -3176,8 +3209,8 @@
color: #6c757d; color: #6c757d;
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0; margin: 0 0 -2px 0;
} }
@ -3207,7 +3240,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
width: 12.5rem; width: 12.5rem;
} }
.p-tieredmenu .p-menuitem-link { .p-tieredmenu .p-menuitem-link {
@ -3274,7 +3307,7 @@
.p-inline-message { .p-inline-message {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
margin: 0; margin: 0;
border-radius: 3px; border-radius: 4px;
} }
.p-inline-message.p-inline-message-info { .p-inline-message.p-inline-message-info {
background: #B3E5FC; background: #B3E5FC;
@ -3325,7 +3358,7 @@
.p-message { .p-message {
margin: 1rem 0; margin: 1rem 0;
border-radius: 3px; border-radius: 4px;
} }
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
@ -3481,7 +3514,7 @@
.p-galleria .p-galleria-close { .p-galleria .p-galleria-close {
margin: 0.5rem; margin: 0.5rem;
background: transparent; background: transparent;
color: #ebedef; color: #f8f9fa;
width: 4rem; width: 4rem;
height: 4rem; height: 4rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -3492,11 +3525,11 @@
} }
.p-galleria .p-galleria-close:hover { .p-galleria .p-galleria-close:hover {
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
color: #ebedef; color: #f8f9fa;
} }
.p-galleria .p-galleria-item-nav { .p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2); background: transparent;
color: #aeb6bf; color: #f8f9fa;
width: 4rem; width: 4rem;
height: 4rem; height: 4rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -3506,12 +3539,12 @@
font-size: 2rem; font-size: 2rem;
} }
.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.3); background: rgba(255, 255, 255, 0.1);
color: #ebedef; color: #f8f9fa;
} }
.p-galleria .p-galleria-caption { .p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
color: #ebedef; color: #f8f9fa;
padding: 1rem; padding: 1rem;
} }
.p-galleria .p-galleria-indicators { .p-galleria .p-galleria-indicators {
@ -3558,7 +3591,7 @@
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
margin: 0.5rem; margin: 0.5rem;
background-color: transparent; background-color: transparent;
color: #aeb6bf; color: #f8f9fa;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -3567,7 +3600,15 @@
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
color: #aeb6bf; color: #f8f9fa;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #FFECB3;
} }
.p-galleria-mask { .p-galleria-mask {
@ -3576,7 +3617,7 @@
.p-inplace .p-inplace-display { .p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-inplace .p-inplace-display:not(.p-disabled):hover { .p-inplace .p-inplace-display:not(.p-disabled):hover {
@ -3593,8 +3634,8 @@
border: 0 none; border: 0 none;
height: 1.5rem; height: 1.5rem;
background: #dee2e6; background: #dee2e6;
border-radius: 3px; border-radius: 4px;
border-radius: 3px; border-radius: 4px;
} }
.p-progressbar .p-progressbar-value { .p-progressbar .p-progressbar-value {
border: 0 none; border: 0 none;
@ -3669,7 +3710,7 @@
font-size: 0.75rem; font-size: 0.75rem;
font-weight: 700; font-weight: 700;
padding: 0.25rem 0.4rem; padding: 0.25rem 0.4rem;
border-radius: 3px; border-radius: 4px;
} }
.p-tag.p-tag-success { .p-tag.p-tag-success {
background-color: #689F38; background-color: #689F38;
@ -3688,24 +3729,4 @@
color: #ffffff; color: #ffffff;
} }
.p-shadow-1 {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.p-shadow-2 {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.p-shadow-3 {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.p-shadow-4 {
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.p-shadow-5 {
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
/* Customizations to the designer theme should be defined here */ /* Customizations to the designer theme should be defined here */

349
public/themes/saga-purple/theme.css
View File

@ -3,6 +3,7 @@
--layer-0: #ffffff; --layer-0: #ffffff;
--layer-1: #f8f9fa; --layer-1: #f8f9fa;
--layer-2: #e9ecef; --layer-2: #e9ecef;
--layer-3: #dee2e6;
--text-color: #495057; --text-color: #495057;
--text-color-secondary: $shade600; --text-color-secondary: $shade600;
--primary-color: #9C27B0; --primary-color: #9C27B0;
@ -43,7 +44,7 @@
.p-link { .p-link {
font-size: 1rem; font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
border-radius: 3px; border-radius: 4px;
} }
.p-link:focus { .p-link:focus {
outline: 0 none; outline: 0 none;
@ -84,7 +85,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #9C27B0; background: #9C27B0;
color: #ffffff; color: #ffffff;
border-radius: 3px; border-radius: 4px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -94,7 +95,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-autocomplete-panel .p-autocomplete-items { .p-autocomplete-panel .p-autocomplete-items {
@ -132,7 +133,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #ced4da; border: 1px solid #ced4da;
border-radius: 3px; border-radius: 4px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
border: 0 none; border: 0 none;
@ -145,8 +146,8 @@
font-weight: 600; font-weight: 600;
margin: 0; margin: 0;
border-bottom: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; 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 {
@ -257,7 +258,7 @@
.p-datepicker .p-monthpicker .p-monthpicker-month { .p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem; padding: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #ffffff; color: #ffffff;
@ -308,12 +309,12 @@
height: 1.5rem; height: 1.5rem;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 1px solid #ced4da; border: 2px solid #ced4da;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
@ -342,6 +343,10 @@
border-color: #f44336; border-color: #f44336;
} }
.p-highlight .p-checkbox .p-checkbox-box {
border-color: #ffffff;
}
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
} }
@ -359,7 +364,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #9C27B0; background: #9C27B0;
color: #ffffff; color: #ffffff;
border-radius: 3px; border-radius: 4px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -401,7 +406,7 @@
background: #ffffff; background: #ffffff;
border: 1px solid #ced4da; border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-dropdown:not(.p-disabled):hover { .p-dropdown:not(.p-disabled):hover {
border-color: #9C27B0; border-color: #9C27B0;
@ -427,8 +432,8 @@
background: #ffffff; background: #ffffff;
color: #6c757d; color: #6c757d;
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-dropdown .p-dropdown-clear-icon { .p-dropdown .p-dropdown-clear-icon {
color: #6c757d; color: #6c757d;
@ -439,7 +444,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-dropdown-panel .p-dropdown-header { .p-dropdown-panel .p-dropdown-header {
@ -448,8 +453,8 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
margin: 0; margin: 0;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -486,19 +491,19 @@
.p-editor-container .p-editor-toolbar { .p-editor-container .p-editor-toolbar {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #f8f9fa; background: #f8f9fa;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-editor-container .p-editor-content { .p-editor-container .p-editor-content {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-editor-container .p-editor-content .ql-editor { .p-editor-container .p-editor-content .ql-editor {
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-editor-container .ql-picker.ql-expanded .ql-picker-label { .p-editor-container .ql-picker.ql-expanded .ql-picker-label {
color: #495057; color: #495057;
@ -577,15 +582,15 @@
.p-inputgroup-addon:first-child, .p-inputgroup-addon:first-child,
.p-inputgroup button:first-child, .p-inputgroup button:first-child,
.p-inputgroup input:first-child { .p-inputgroup input:first-child {
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-inputgroup-addon:last-child, .p-inputgroup-addon:last-child,
.p-inputgroup button:last-child, .p-inputgroup button:last-child,
.p-inputgroup input:last-child { .p-inputgroup input:last-child {
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-fluid .p-inputgroup .p-button { .p-fluid .p-inputgroup .p-button {
@ -647,7 +652,7 @@
border-width: 1px; border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none; appearance: none;
border-radius: 3px; border-radius: 4px;
} }
.p-inputtext:enabled:hover { .p-inputtext:enabled:hover {
border-color: #9C27B0; border-color: #9C27B0;
@ -715,7 +720,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #ced4da; border: 1px solid #ced4da;
border-radius: 3px; border-radius: 4px;
} }
.p-listbox .p-listbox-header { .p-listbox .p-listbox-header {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -723,8 +728,8 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
margin: 0; margin: 0;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-listbox .p-listbox-header .p-listbox-filter { .p-listbox .p-listbox-header .p-listbox-filter {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -766,7 +771,7 @@
background: #ffffff; background: #ffffff;
border: 1px solid #ced4da; border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-multiselect:not(.p-disabled):hover { .p-multiselect:not(.p-disabled):hover {
border-color: #9C27B0; border-color: #9C27B0;
@ -787,15 +792,15 @@
background: #ffffff; background: #ffffff;
color: #6c757d; color: #6c757d;
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-multiselect-panel { .p-multiselect-panel {
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-multiselect-panel .p-multiselect-header { .p-multiselect-panel .p-multiselect-header {
@ -804,8 +809,8 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
margin: 0; margin: 0;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -881,7 +886,7 @@
height: 1.5rem; height: 1.5rem;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 1px solid #ced4da; border: 2px solid #ced4da;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
@ -916,6 +921,10 @@
border-color: #f44336; border-color: #f44336;
} }
.p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #ffffff;
}
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
color: #495057; color: #495057;
margin-left: 0.5rem; margin-left: 0.5rem;
@ -985,7 +994,7 @@
.p-slider { .p-slider {
background: #dee2e6; background: #dee2e6;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
} }
.p-slider.p-slider-horizontal { .p-slider.p-slider-horizontal {
height: 0.286rem; height: 0.286rem;
@ -1071,7 +1080,7 @@
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
font-size: 1rem; font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-button:enabled:hover { .p-button:enabled:hover {
background: #8E24AA; background: #8E24AA;
@ -1227,6 +1236,25 @@
border-color: #F57F17; border-color: #F57F17;
} }
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #9C27B0;
border: 1px solid #9C27B0;
}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #8E24AA;
color: #ffffff;
border-color: #8E24AA;
}
.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #CE93D8;
}
.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #7B1FA2;
color: #ffffff;
border-color: #7B1FA2;
}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff; color: #ffffff;
background: #D32F2F; background: #D32F2F;
@ -1321,8 +1349,8 @@
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-top-right-radius: 3px; border-top-right-radius: 4px;
font-weight: 600; font-weight: 600;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1332,8 +1360,8 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
font-weight: 600; font-weight: 600;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-datatable .p-datatable-thead > tr > th { .p-datatable .p-datatable-thead > tr > th {
text-align: left; text-align: left;
@ -1491,8 +1519,8 @@
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-top-right-radius: 3px; border-top-right-radius: 4px;
font-weight: 600; font-weight: 600;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1511,8 +1539,8 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
font-weight: 600; font-weight: 600;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.fc .fc-view-container th { .fc .fc-view-container th {
@ -1546,11 +1574,11 @@
border: 1px solid #9C27B0; border: 1px solid #9C27B0;
font-size: 1rem; font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
display: flex; display: flex;
align-items: center; align-items: center;
} }
.fc .fc-toolbar .fc-button:enabled:hover { .fc .fc-toolbar .fc-button:hover {
background: #8E24AA; background: #8E24AA;
color: #ffffff; color: #ffffff;
border-color: #8E24AA; border-color: #8E24AA;
@ -1582,7 +1610,7 @@
color: #495057; color: #495057;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:not(.p-disabled):not(.fc-active):hover { .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
background: #e9ecef; background: #e9ecef;
border-color: #ced4da; border-color: #ced4da;
color: #495057; color: #495057;
@ -1592,7 +1620,12 @@
border-color: #9C27B0; border-color: #9C27B0;
color: #ffffff; color: #ffffff;
} }
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
background: #8E24AA;
border-color: #8E24AA;
color: #ffffff;
}
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem #E1BEE7; box-shadow: 0 0 0 0.2rem #E1BEE7;
@ -1602,12 +1635,12 @@
border-radius: 0; border-radius: 0;
} }
.fc .fc-toolbar .fc-button-group .fc-button:first-child { .fc .fc-toolbar .fc-button-group .fc-button:first-child {
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.fc .fc-toolbar .fc-button-group .fc-button:last-child { .fc .fc-toolbar .fc-button-group .fc-button:last-child {
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-orderlist .p-orderlist-controls { .p-orderlist .p-orderlist-controls {
@ -1623,16 +1656,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-orderlist .p-orderlist-list { .p-orderlist .p-orderlist-list {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item { .p-orderlist .p-orderlist-list .p-orderlist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1652,8 +1685,8 @@
box-shadow: inset 0 0 0 0.15rem #E1BEE7; box-shadow: inset 0 0 0 0.15rem #E1BEE7;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
background: #9C27B0;
color: #ffffff; color: #ffffff;
background: #9C27B0;
} }
@media screen and (max-width: 769px) { @media screen and (max-width: 769px) {
@ -1704,7 +1737,7 @@
bottom: -0.7em; bottom: -0.7em;
margin-left: -0.46em; margin-left: -0.46em;
color: #6c757d; color: #6c757d;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-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 {
@ -1721,7 +1754,7 @@
color: #6c757d; color: #6c757d;
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border-radius: 3px; border-radius: 4px;
} }
.p-paginator .p-paginator-first, .p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev, .p-paginator .p-paginator-prev,
@ -1734,7 +1767,7 @@
height: 2.357rem; height: 2.357rem;
margin: 0.143rem; margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
@ -1763,7 +1796,7 @@
height: 2.357rem; height: 2.357rem;
margin: 0.143rem; margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #9C27B0; background: #9C27B0;
@ -1789,16 +1822,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-picklist .p-picklist-list { .p-picklist .p-picklist-list {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-picklist .p-picklist-list .p-picklist-item { .p-picklist .p-picklist-list .p-picklist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1818,8 +1851,8 @@
box-shadow: inset 0 0 0 0.15rem #E1BEE7; box-shadow: inset 0 0 0 0.15rem #E1BEE7;
} }
.p-picklist .p-picklist-list .p-picklist-item.p-highlight { .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
background: #9C27B0;
color: #ffffff; color: #ffffff;
background: #9C27B0;
} }
@media screen and (max-width: 769px) { @media screen and (max-width: 769px) {
@ -1855,13 +1888,13 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 1rem; padding: 1rem;
border-radius: 3px; border-radius: 4px;
} }
.p-tree .p-tree-container .p-treenode { .p-tree .p-tree-container .p-treenode {
padding: 0.143rem; padding: 0.143rem;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content { .p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.5rem; padding: 0.5rem;
} }
@ -1932,8 +1965,8 @@
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-top-right-radius: 3px; border-top-right-radius: 4px;
font-weight: 600; font-weight: 600;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {
@ -1943,8 +1976,8 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
font-weight: 600; font-weight: 600;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-treetable .p-treetable-thead > tr > th { .p-treetable .p-treetable-thead > tr > th {
text-align: left; text-align: left;
@ -2085,7 +2118,7 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
font-weight: 600; font-weight: 600;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
@ -2121,8 +2154,8 @@
border-top: 0; border-top: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
border-top-left-radius: 0; border-top-left-radius: 0;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-accordion .p-accordion-tab { .p-accordion .p-accordion-tab {
margin-bottom: 0; margin-bottom: 0;
@ -2137,19 +2170,19 @@
border-top: 0 none; border-top: 0 none;
} }
.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link { .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-card { .p-card {
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
border-radius: 3px; border-radius: 4px;
} }
.p-card .p-card-body { .p-card .p-card-body {
padding: 1rem; padding: 1rem;
@ -2175,7 +2208,7 @@
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
} }
.p-fieldset .p-fieldset-legend { .p-fieldset .p-fieldset-legend {
padding: 1rem; padding: 1rem;
@ -2183,7 +2216,7 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
font-weight: 600; font-weight: 600;
border-radius: 3px; border-radius: 4px;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
@ -2192,7 +2225,7 @@
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem; padding: 1rem;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
@ -2214,8 +2247,8 @@
padding: 1rem; padding: 1rem;
background: #f8f9fa; background: #f8f9fa;
color: #495057; color: #495057;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-panel .p-panel-header .p-panel-title { .p-panel .p-panel-header .p-panel-title {
font-weight: 600; font-weight: 600;
@ -2247,8 +2280,8 @@
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
border-top: 0 none; border-top: 0 none;
} }
.p-panel .p-panel-footer { .p-panel .p-panel-footer {
@ -2274,8 +2307,8 @@
color: #6c757d; color: #6c757d;
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0; margin: 0 0 -2px 0;
} }
@ -2301,32 +2334,32 @@
padding: 1rem; padding: 1rem;
border: 0 none; border: 0 none;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-toolbar { .p-toolbar {
background: #f8f9fa; background: #f8f9fa;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
padding: 1rem; padding: 1rem;
border-radius: 3px; border-radius: 4px;
} }
.p-toolbar .p-toolbar-separator { .p-toolbar .p-toolbar-separator {
margin: 0 0.5rem; margin: 0 0.5rem;
} }
.p-dialog { .p-dialog {
border-radius: 3px; border-radius: 4px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); 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);
border: 0 none; border: 0 none;
} }
.p-dialog .p-dialog-header { .p-dialog .p-dialog-header {
border-bottom: 1px solid #dee2e6; border-bottom: 0 none;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 1rem; padding: 1rem;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-dialog .p-dialog-header .p-dialog-title { .p-dialog .p-dialog-header .p-dialog-title {
font-weight: 600; font-weight: 600;
@ -2361,13 +2394,13 @@
padding: 1rem; padding: 1rem;
} }
.p-dialog .p-dialog-footer { .p-dialog .p-dialog-footer {
border-top: 1px solid #dee2e6; border-top: 0 none;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 1rem; padding: 1rem;
text-align: right; text-align: right;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-dialog .p-dialog-footer button { .p-dialog .p-dialog-footer button {
margin: 0 0.5rem 0 0; margin: 0 0.5rem 0 0;
@ -2382,7 +2415,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); 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-overlaypanel .p-overlaypanel-content { .p-overlaypanel .p-overlaypanel-content {
@ -2453,7 +2486,7 @@
color: #ffffff; color: #ffffff;
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
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);
border-radius: 3px; border-radius: 4px;
} }
.p-tooltip.p-tooltip-right .p-tooltip-arrow { .p-tooltip.p-tooltip-right .p-tooltip-arrow {
border-right-color: #495057; border-right-color: #495057;
@ -2474,8 +2507,8 @@
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
color: #495057; color: #495057;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-fileupload .p-fileupload-buttonbar .p-button { .p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2490,8 +2523,8 @@
padding: 2rem 1rem; padding: 2rem 1rem;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
@ -2514,12 +2547,12 @@
.p-breadcrumb { .p-breadcrumb {
background: #ffffff; background: #ffffff;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
padding: 1rem; padding: 1rem;
} }
.p-breadcrumb ul li .p-menuitem-link { .p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-breadcrumb ul li .p-menuitem-link:focus { .p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none; outline: 0 none;
@ -2607,12 +2640,12 @@
background: #f8f9fa; background: #f8f9fa;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
} }
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none; user-select: none;
} }
@ -2690,8 +2723,8 @@
color: #495057; color: #495057;
background: #ffffff; background: #ffffff;
font-weight: 600; font-weight: 600;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-megamenu .p-megamenu-submenu { .p-megamenu .p-megamenu-submenu {
padding: 0.25rem 0; padding: 0.25rem 0;
@ -2720,7 +2753,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
width: 12.5rem; width: 12.5rem;
} }
.p-menu .p-menuitem-link { .p-menu .p-menuitem-link {
@ -2780,7 +2813,7 @@
background: #f8f9fa; background: #f8f9fa;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
} }
.p-menubar .p-menuitem-link { .p-menubar .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
@ -2819,7 +2852,7 @@
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none; user-select: none;
} }
@ -2886,7 +2919,7 @@
border: 0 none; border: 0 none;
width: 2.5rem; width: 2.5rem;
height: 2.5rem; height: 2.5rem;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i { .p-menubar .p-menubar-button i {
@ -3009,7 +3042,7 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
font-weight: 600; font-weight: 600;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
@ -3052,8 +3085,8 @@
border-top: 0; border-top: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
border-top-left-radius: 0; border-top-left-radius: 0;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
@ -3108,18 +3141,18 @@
border-top: 0 none; border-top: 0 none;
} }
.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-steps .p-steps-item .p-menuitem-link { .p-steps .p-steps-item .p-menuitem-link {
background: transparent; background: transparent;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
background: #ffffff; background: #ffffff;
} }
.p-steps .p-steps-item .p-menuitem-link .p-steps-number { .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -3176,8 +3209,8 @@
color: #6c757d; color: #6c757d;
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0; margin: 0 0 -2px 0;
} }
@ -3207,7 +3240,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
width: 12.5rem; width: 12.5rem;
} }
.p-tieredmenu .p-menuitem-link { .p-tieredmenu .p-menuitem-link {
@ -3274,7 +3307,7 @@
.p-inline-message { .p-inline-message {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
margin: 0; margin: 0;
border-radius: 3px; border-radius: 4px;
} }
.p-inline-message.p-inline-message-info { .p-inline-message.p-inline-message-info {
background: #B3E5FC; background: #B3E5FC;
@ -3325,7 +3358,7 @@
.p-message { .p-message {
margin: 1rem 0; margin: 1rem 0;
border-radius: 3px; border-radius: 4px;
} }
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
@ -3481,7 +3514,7 @@
.p-galleria .p-galleria-close { .p-galleria .p-galleria-close {
margin: 0.5rem; margin: 0.5rem;
background: transparent; background: transparent;
color: #ebedef; color: #f8f9fa;
width: 4rem; width: 4rem;
height: 4rem; height: 4rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -3492,11 +3525,11 @@
} }
.p-galleria .p-galleria-close:hover { .p-galleria .p-galleria-close:hover {
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
color: #ebedef; color: #f8f9fa;
} }
.p-galleria .p-galleria-item-nav { .p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2); background: transparent;
color: #aeb6bf; color: #f8f9fa;
width: 4rem; width: 4rem;
height: 4rem; height: 4rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -3506,12 +3539,12 @@
font-size: 2rem; font-size: 2rem;
} }
.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.3); background: rgba(255, 255, 255, 0.1);
color: #ebedef; color: #f8f9fa;
} }
.p-galleria .p-galleria-caption { .p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
color: #ebedef; color: #f8f9fa;
padding: 1rem; padding: 1rem;
} }
.p-galleria .p-galleria-indicators { .p-galleria .p-galleria-indicators {
@ -3558,7 +3591,7 @@
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
margin: 0.5rem; margin: 0.5rem;
background-color: transparent; background-color: transparent;
color: #aeb6bf; color: #f8f9fa;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -3567,7 +3600,15 @@
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
color: #aeb6bf; color: #f8f9fa;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #E1BEE7;
} }
.p-galleria-mask { .p-galleria-mask {
@ -3576,7 +3617,7 @@
.p-inplace .p-inplace-display { .p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-inplace .p-inplace-display:not(.p-disabled):hover { .p-inplace .p-inplace-display:not(.p-disabled):hover {
@ -3593,8 +3634,8 @@
border: 0 none; border: 0 none;
height: 1.5rem; height: 1.5rem;
background: #dee2e6; background: #dee2e6;
border-radius: 3px; border-radius: 4px;
border-radius: 3px; border-radius: 4px;
} }
.p-progressbar .p-progressbar-value { .p-progressbar .p-progressbar-value {
border: 0 none; border: 0 none;
@ -3669,7 +3710,7 @@
font-size: 0.75rem; font-size: 0.75rem;
font-weight: 700; font-weight: 700;
padding: 0.25rem 0.4rem; padding: 0.25rem 0.4rem;
border-radius: 3px; border-radius: 4px;
} }
.p-tag.p-tag-success { .p-tag.p-tag-success {
background-color: #689F38; background-color: #689F38;
@ -3688,24 +3729,4 @@
color: #ffffff; color: #ffffff;
} }
.p-shadow-1 {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.p-shadow-2 {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.p-shadow-3 {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.p-shadow-4 {
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.p-shadow-5 {
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
/* Customizations to the designer theme should be defined here */ /* Customizations to the designer theme should be defined here */

349
public/themes/saga-teal/theme.css
View File

@ -3,6 +3,7 @@
--layer-0: #ffffff; --layer-0: #ffffff;
--layer-1: #f8f9fa; --layer-1: #f8f9fa;
--layer-2: #e9ecef; --layer-2: #e9ecef;
--layer-3: #dee2e6;
--text-color: #495057; --text-color: #495057;
--text-color-secondary: $shade600; --text-color-secondary: $shade600;
--primary-color: #009688; --primary-color: #009688;
@ -43,7 +44,7 @@
.p-link { .p-link {
font-size: 1rem; font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
border-radius: 3px; border-radius: 4px;
} }
.p-link:focus { .p-link:focus {
outline: 0 none; outline: 0 none;
@ -84,7 +85,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #009688; background: #009688;
color: #ffffff; color: #ffffff;
border-radius: 3px; border-radius: 4px;
} }
.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -94,7 +95,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-autocomplete-panel .p-autocomplete-items { .p-autocomplete-panel .p-autocomplete-items {
@ -132,7 +133,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #ced4da; border: 1px solid #ced4da;
border-radius: 3px; border-radius: 4px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
border: 0 none; border: 0 none;
@ -145,8 +146,8 @@
font-weight: 600; font-weight: 600;
margin: 0; margin: 0;
border-bottom: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; 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 {
@ -257,7 +258,7 @@
.p-datepicker .p-monthpicker .p-monthpicker-month { .p-datepicker .p-monthpicker .p-monthpicker-month {
padding: 0.5rem; padding: 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #ffffff; color: #ffffff;
@ -308,12 +309,12 @@
height: 1.5rem; height: 1.5rem;
} }
.p-checkbox .p-checkbox-box { .p-checkbox .p-checkbox-box {
border: 1px solid #ced4da; border: 2px solid #ced4da;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-checkbox .p-checkbox-box .p-checkbox-icon { .p-checkbox .p-checkbox-box .p-checkbox-icon {
@ -342,6 +343,10 @@
border-color: #f44336; border-color: #f44336;
} }
.p-highlight .p-checkbox .p-checkbox-box {
border-color: #ffffff;
}
.p-chips .p-chips-multiple-container { .p-chips .p-chips-multiple-container {
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
} }
@ -359,7 +364,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #009688; background: #009688;
color: #ffffff; color: #ffffff;
border-radius: 3px; border-radius: 4px;
} }
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
margin-left: 0.5rem; margin-left: 0.5rem;
@ -401,7 +406,7 @@
background: #ffffff; background: #ffffff;
border: 1px solid #ced4da; border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-dropdown:not(.p-disabled):hover { .p-dropdown:not(.p-disabled):hover {
border-color: #009688; border-color: #009688;
@ -427,8 +432,8 @@
background: #ffffff; background: #ffffff;
color: #6c757d; color: #6c757d;
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-dropdown .p-dropdown-clear-icon { .p-dropdown .p-dropdown-clear-icon {
color: #6c757d; color: #6c757d;
@ -439,7 +444,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-dropdown-panel .p-dropdown-header { .p-dropdown-panel .p-dropdown-header {
@ -448,8 +453,8 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
margin: 0; margin: 0;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -486,19 +491,19 @@
.p-editor-container .p-editor-toolbar { .p-editor-container .p-editor-toolbar {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #f8f9fa; background: #f8f9fa;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-editor-container .p-editor-content { .p-editor-container .p-editor-content {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-editor-container .p-editor-content .ql-editor { .p-editor-container .p-editor-content .ql-editor {
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-editor-container .ql-picker.ql-expanded .ql-picker-label { .p-editor-container .ql-picker.ql-expanded .ql-picker-label {
color: #495057; color: #495057;
@ -577,15 +582,15 @@
.p-inputgroup-addon:first-child, .p-inputgroup-addon:first-child,
.p-inputgroup button:first-child, .p-inputgroup button:first-child,
.p-inputgroup input:first-child { .p-inputgroup input:first-child {
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-inputgroup-addon:last-child, .p-inputgroup-addon:last-child,
.p-inputgroup button:last-child, .p-inputgroup button:last-child,
.p-inputgroup input:last-child { .p-inputgroup input:last-child {
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-fluid .p-inputgroup .p-button { .p-fluid .p-inputgroup .p-button {
@ -647,7 +652,7 @@
border-width: 1px; border-width: 1px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none; appearance: none;
border-radius: 3px; border-radius: 4px;
} }
.p-inputtext:enabled:hover { .p-inputtext:enabled:hover {
border-color: #009688; border-color: #009688;
@ -715,7 +720,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #ced4da; border: 1px solid #ced4da;
border-radius: 3px; border-radius: 4px;
} }
.p-listbox .p-listbox-header { .p-listbox .p-listbox-header {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -723,8 +728,8 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
margin: 0; margin: 0;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-listbox .p-listbox-header .p-listbox-filter { .p-listbox .p-listbox-header .p-listbox-filter {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -766,7 +771,7 @@
background: #ffffff; background: #ffffff;
border: 1px solid #ced4da; border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-multiselect:not(.p-disabled):hover { .p-multiselect:not(.p-disabled):hover {
border-color: #009688; border-color: #009688;
@ -787,15 +792,15 @@
background: #ffffff; background: #ffffff;
color: #6c757d; color: #6c757d;
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-multiselect-panel { .p-multiselect-panel {
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
} }
.p-multiselect-panel .p-multiselect-header { .p-multiselect-panel .p-multiselect-header {
@ -804,8 +809,8 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
margin: 0; margin: 0;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -881,7 +886,7 @@
height: 1.5rem; height: 1.5rem;
} }
.p-radiobutton .p-radiobutton-box { .p-radiobutton .p-radiobutton-box {
border: 1px solid #ced4da; border: 2px solid #ced4da;
background: #ffffff; background: #ffffff;
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
@ -916,6 +921,10 @@
border-color: #f44336; border-color: #f44336;
} }
.p-highlight .p-radiobutton .p-radiobutton-box {
border-color: #ffffff;
}
.p-rating .p-rating-icon { .p-rating .p-rating-icon {
color: #495057; color: #495057;
margin-left: 0.5rem; margin-left: 0.5rem;
@ -985,7 +994,7 @@
.p-slider { .p-slider {
background: #dee2e6; background: #dee2e6;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
} }
.p-slider.p-slider-horizontal { .p-slider.p-slider-horizontal {
height: 0.286rem; height: 0.286rem;
@ -1071,7 +1080,7 @@
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
font-size: 1rem; font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-button:enabled:hover { .p-button:enabled:hover {
background: #00897B; background: #00897B;
@ -1227,6 +1236,25 @@
border-color: #F57F17; border-color: #F57F17;
} }
.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #9C27B0;
border: 1px solid #9C27B0;
}
.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
background: #8E24AA;
color: #ffffff;
border-color: #8E24AA;
}
.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
box-shadow: 0 0 0 0.2rem #CE93D8;
}
.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
background: #7B1FA2;
color: #ffffff;
border-color: #7B1FA2;
}
.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff; color: #ffffff;
background: #D32F2F; background: #D32F2F;
@ -1321,8 +1349,8 @@
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-top-right-radius: 3px; border-top-right-radius: 4px;
font-weight: 600; font-weight: 600;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1332,8 +1360,8 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
font-weight: 600; font-weight: 600;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-datatable .p-datatable-thead > tr > th { .p-datatable .p-datatable-thead > tr > th {
text-align: left; text-align: left;
@ -1491,8 +1519,8 @@
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-top-right-radius: 3px; border-top-right-radius: 4px;
font-weight: 600; font-weight: 600;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1511,8 +1539,8 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
font-weight: 600; font-weight: 600;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.fc .fc-view-container th { .fc .fc-view-container th {
@ -1546,11 +1574,11 @@
border: 1px solid #009688; border: 1px solid #009688;
font-size: 1rem; font-size: 1rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
display: flex; display: flex;
align-items: center; align-items: center;
} }
.fc .fc-toolbar .fc-button:enabled:hover { .fc .fc-toolbar .fc-button:hover {
background: #00897B; background: #00897B;
color: #ffffff; color: #ffffff;
border-color: #00897B; border-color: #00897B;
@ -1582,7 +1610,7 @@
color: #495057; color: #495057;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:not(.p-disabled):not(.fc-active):hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:not(.p-disabled):not(.fc-active):hover { .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
background: #e9ecef; background: #e9ecef;
border-color: #ced4da; border-color: #ced4da;
color: #495057; color: #495057;
@ -1592,7 +1620,12 @@
border-color: #009688; border-color: #009688;
color: #ffffff; color: #ffffff;
} }
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button.p-focus, .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.p-focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
background: #00897B;
border-color: #00897B;
color: #ffffff;
}
.fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: 0 0 0 0.2rem #B2DFDB; box-shadow: 0 0 0 0.2rem #B2DFDB;
@ -1602,12 +1635,12 @@
border-radius: 0; border-radius: 0;
} }
.fc .fc-toolbar .fc-button-group .fc-button:first-child { .fc .fc-toolbar .fc-button-group .fc-button:first-child {
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.fc .fc-toolbar .fc-button-group .fc-button:last-child { .fc .fc-toolbar .fc-button-group .fc-button:last-child {
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-orderlist .p-orderlist-controls { .p-orderlist .p-orderlist-controls {
@ -1623,16 +1656,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-orderlist .p-orderlist-list { .p-orderlist .p-orderlist-list {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item { .p-orderlist .p-orderlist-list .p-orderlist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1652,8 +1685,8 @@
box-shadow: inset 0 0 0 0.15rem #B2DFDB; box-shadow: inset 0 0 0 0.15rem #B2DFDB;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
background: #009688;
color: #ffffff; color: #ffffff;
background: #009688;
} }
@media screen and (max-width: 769px) { @media screen and (max-width: 769px) {
@ -1704,7 +1737,7 @@
bottom: -0.7em; bottom: -0.7em;
margin-left: -0.46em; margin-left: -0.46em;
color: #6c757d; color: #6c757d;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-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 {
@ -1721,7 +1754,7 @@
color: #6c757d; color: #6c757d;
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border-radius: 3px; border-radius: 4px;
} }
.p-paginator .p-paginator-first, .p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev, .p-paginator .p-paginator-prev,
@ -1734,7 +1767,7 @@
height: 2.357rem; height: 2.357rem;
margin: 0.143rem; margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
@ -1763,7 +1796,7 @@
height: 2.357rem; height: 2.357rem;
margin: 0.143rem; margin: 0.143rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #009688; background: #009688;
@ -1789,16 +1822,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-picklist .p-picklist-list { .p-picklist .p-picklist-list {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-picklist .p-picklist-list .p-picklist-item { .p-picklist .p-picklist-list .p-picklist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1818,8 +1851,8 @@
box-shadow: inset 0 0 0 0.15rem #B2DFDB; box-shadow: inset 0 0 0 0.15rem #B2DFDB;
} }
.p-picklist .p-picklist-list .p-picklist-item.p-highlight { .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
background: #009688;
color: #ffffff; color: #ffffff;
background: #009688;
} }
@media screen and (max-width: 769px) { @media screen and (max-width: 769px) {
@ -1855,13 +1888,13 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 1rem; padding: 1rem;
border-radius: 3px; border-radius: 4px;
} }
.p-tree .p-tree-container .p-treenode { .p-tree .p-tree-container .p-treenode {
padding: 0.143rem; padding: 0.143rem;
} }
.p-tree .p-tree-container .p-treenode .p-treenode-content { .p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
padding: 0.5rem; padding: 0.5rem;
} }
@ -1932,8 +1965,8 @@
border: 1px solid #e9ecef; border: 1px solid #e9ecef;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 3px; border-top-left-radius: 4px;
border-top-right-radius: 3px; border-top-right-radius: 4px;
font-weight: 600; font-weight: 600;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {
@ -1943,8 +1976,8 @@
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
font-weight: 600; font-weight: 600;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
} }
.p-treetable .p-treetable-thead > tr > th { .p-treetable .p-treetable-thead > tr > th {
text-align: left; text-align: left;
@ -2085,7 +2118,7 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
font-weight: 600; font-weight: 600;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
@ -2121,8 +2154,8 @@
border-top: 0; border-top: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
border-top-left-radius: 0; border-top-left-radius: 0;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-accordion .p-accordion-tab { .p-accordion .p-accordion-tab {
margin-bottom: 0; margin-bottom: 0;
@ -2137,19 +2170,19 @@
border-top: 0 none; border-top: 0 none;
} }
.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link { .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-card { .p-card {
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
border-radius: 3px; border-radius: 4px;
} }
.p-card .p-card-body { .p-card .p-card-body {
padding: 1rem; padding: 1rem;
@ -2175,7 +2208,7 @@
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
} }
.p-fieldset .p-fieldset-legend { .p-fieldset .p-fieldset-legend {
padding: 1rem; padding: 1rem;
@ -2183,7 +2216,7 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
font-weight: 600; font-weight: 600;
border-radius: 3px; border-radius: 4px;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
@ -2192,7 +2225,7 @@
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem; padding: 1rem;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
@ -2214,8 +2247,8 @@
padding: 1rem; padding: 1rem;
background: #f8f9fa; background: #f8f9fa;
color: #495057; color: #495057;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-panel .p-panel-header .p-panel-title { .p-panel .p-panel-header .p-panel-title {
font-weight: 600; font-weight: 600;
@ -2247,8 +2280,8 @@
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
border-top: 0 none; border-top: 0 none;
} }
.p-panel .p-panel-footer { .p-panel .p-panel-footer {
@ -2274,8 +2307,8 @@
color: #6c757d; color: #6c757d;
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0; margin: 0 0 -2px 0;
} }
@ -2301,32 +2334,32 @@
padding: 1rem; padding: 1rem;
border: 0 none; border: 0 none;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-toolbar { .p-toolbar {
background: #f8f9fa; background: #f8f9fa;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
padding: 1rem; padding: 1rem;
border-radius: 3px; border-radius: 4px;
} }
.p-toolbar .p-toolbar-separator { .p-toolbar .p-toolbar-separator {
margin: 0 0.5rem; margin: 0 0.5rem;
} }
.p-dialog { .p-dialog {
border-radius: 3px; border-radius: 4px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); 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);
border: 0 none; border: 0 none;
} }
.p-dialog .p-dialog-header { .p-dialog .p-dialog-header {
border-bottom: 1px solid #dee2e6; border-bottom: 0 none;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 1rem; padding: 1rem;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-dialog .p-dialog-header .p-dialog-title { .p-dialog .p-dialog-header .p-dialog-title {
font-weight: 600; font-weight: 600;
@ -2361,13 +2394,13 @@
padding: 1rem; padding: 1rem;
} }
.p-dialog .p-dialog-footer { .p-dialog .p-dialog-footer {
border-top: 1px solid #dee2e6; border-top: 0 none;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 1rem; padding: 1rem;
text-align: right; text-align: right;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-dialog .p-dialog-footer button { .p-dialog .p-dialog-footer button {
margin: 0 0.5rem 0 0; margin: 0 0.5rem 0 0;
@ -2382,7 +2415,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 3px; border-radius: 4px;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); 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-overlaypanel .p-overlaypanel-content { .p-overlaypanel .p-overlaypanel-content {
@ -2453,7 +2486,7 @@
color: #ffffff; color: #ffffff;
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
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);
border-radius: 3px; border-radius: 4px;
} }
.p-tooltip.p-tooltip-right .p-tooltip-arrow { .p-tooltip.p-tooltip-right .p-tooltip-arrow {
border-right-color: #495057; border-right-color: #495057;
@ -2474,8 +2507,8 @@
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
color: #495057; color: #495057;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-fileupload .p-fileupload-buttonbar .p-button { .p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2490,8 +2523,8 @@
padding: 2rem 1rem; padding: 2rem 1rem;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
color: #495057; color: #495057;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
@ -2514,12 +2547,12 @@
.p-breadcrumb { .p-breadcrumb {
background: #ffffff; background: #ffffff;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
padding: 1rem; padding: 1rem;
} }
.p-breadcrumb ul li .p-menuitem-link { .p-breadcrumb ul li .p-menuitem-link {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
} }
.p-breadcrumb ul li .p-menuitem-link:focus { .p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none; outline: 0 none;
@ -2607,12 +2640,12 @@
background: #f8f9fa; background: #f8f9fa;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
} }
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none; user-select: none;
} }
@ -2690,8 +2723,8 @@
color: #495057; color: #495057;
background: #ffffff; background: #ffffff;
font-weight: 600; font-weight: 600;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-megamenu .p-megamenu-submenu { .p-megamenu .p-megamenu-submenu {
padding: 0.25rem 0; padding: 0.25rem 0;
@ -2720,7 +2753,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
width: 12.5rem; width: 12.5rem;
} }
.p-menu .p-menuitem-link { .p-menu .p-menuitem-link {
@ -2780,7 +2813,7 @@
background: #f8f9fa; background: #f8f9fa;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
} }
.p-menubar .p-menuitem-link { .p-menubar .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
@ -2819,7 +2852,7 @@
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
color: #495057; color: #495057;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
user-select: none; user-select: none;
} }
@ -2886,7 +2919,7 @@
border: 0 none; border: 0 none;
width: 2.5rem; width: 2.5rem;
height: 2.5rem; height: 2.5rem;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-menubar .p-menubar-button i { .p-menubar .p-menubar-button i {
@ -3009,7 +3042,7 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
font-weight: 600; font-weight: 600;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
@ -3052,8 +3085,8 @@
border-top: 0; border-top: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
border-top-left-radius: 0; border-top-left-radius: 0;
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
@ -3108,18 +3141,18 @@
border-top: 0 none; border-top: 0 none;
} }
.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
} }
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
border-bottom-right-radius: 3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 4px;
} }
.p-steps .p-steps-item .p-menuitem-link { .p-steps .p-steps-item .p-menuitem-link {
background: transparent; background: transparent;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px; border-radius: 4px;
background: #ffffff; background: #ffffff;
} }
.p-steps .p-steps-item .p-menuitem-link .p-steps-number { .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -3176,8 +3209,8 @@
color: #6c757d; color: #6c757d;
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 3px; border-top-right-radius: 4px;
border-top-left-radius: 3px; border-top-left-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
margin: 0 0 -2px 0; margin: 0 0 -2px 0;
} }
@ -3207,7 +3240,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 3px; border-radius: 4px;
width: 12.5rem; width: 12.5rem;
} }
.p-tieredmenu .p-menuitem-link { .p-tieredmenu .p-menuitem-link {
@ -3274,7 +3307,7 @@
.p-inline-message { .p-inline-message {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
margin: 0; margin: 0;
border-radius: 3px; border-radius: 4px;
} }
.p-inline-message.p-inline-message-info { .p-inline-message.p-inline-message-info {
background: #B3E5FC; background: #B3E5FC;
@ -3325,7 +3358,7 @@
.p-message { .p-message {
margin: 1rem 0; margin: 1rem 0;
border-radius: 3px; border-radius: 4px;
} }
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
@ -3481,7 +3514,7 @@
.p-galleria .p-galleria-close { .p-galleria .p-galleria-close {
margin: 0.5rem; margin: 0.5rem;
background: transparent; background: transparent;
color: #ebedef; color: #f8f9fa;
width: 4rem; width: 4rem;
height: 4rem; height: 4rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -3492,11 +3525,11 @@
} }
.p-galleria .p-galleria-close:hover { .p-galleria .p-galleria-close:hover {
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
color: #ebedef; color: #f8f9fa;
} }
.p-galleria .p-galleria-item-nav { .p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2); background: transparent;
color: #aeb6bf; color: #f8f9fa;
width: 4rem; width: 4rem;
height: 4rem; height: 4rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -3506,12 +3539,12 @@
font-size: 2rem; font-size: 2rem;
} }
.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
background: rgba(0, 0, 0, 0.3); background: rgba(255, 255, 255, 0.1);
color: #ebedef; color: #f8f9fa;
} }
.p-galleria .p-galleria-caption { .p-galleria .p-galleria-caption {
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
color: #ebedef; color: #f8f9fa;
padding: 1rem; padding: 1rem;
} }
.p-galleria .p-galleria-indicators { .p-galleria .p-galleria-indicators {
@ -3558,7 +3591,7 @@
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
margin: 0.5rem; margin: 0.5rem;
background-color: transparent; background-color: transparent;
color: #aeb6bf; color: #f8f9fa;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
@ -3567,7 +3600,15 @@
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
color: #aeb6bf; color: #f8f9fa;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #B2DFDB;
} }
.p-galleria-mask { .p-galleria-mask {
@ -3576,7 +3617,7 @@
.p-inplace .p-inplace-display { .p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
border-radius: 3px; border-radius: 4px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
} }
.p-inplace .p-inplace-display:not(.p-disabled):hover { .p-inplace .p-inplace-display:not(.p-disabled):hover {
@ -3593,8 +3634,8 @@
border: 0 none; border: 0 none;
height: 1.5rem; height: 1.5rem;
background: #dee2e6; background: #dee2e6;
border-radius: 3px; border-radius: 4px;
border-radius: 3px; border-radius: 4px;
} }
.p-progressbar .p-progressbar-value { .p-progressbar .p-progressbar-value {
border: 0 none; border: 0 none;
@ -3669,7 +3710,7 @@
font-size: 0.75rem; font-size: 0.75rem;
font-weight: 700; font-weight: 700;
padding: 0.25rem 0.4rem; padding: 0.25rem 0.4rem;
border-radius: 3px; border-radius: 4px;
} }
.p-tag.p-tag-success { .p-tag.p-tag-success {
background-color: #689F38; background-color: #689F38;
@ -3688,24 +3729,4 @@
color: #ffffff; color: #ffffff;
} }
.p-shadow-1 {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.p-shadow-2 {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.p-shadow-3 {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.p-shadow-4 {
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.p-shadow-5 {
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
/* Customizations to the designer theme should be defined here */ /* Customizations to the designer theme should be defined here */

1695
public/themes/vela-blue/theme.css
View File

File diff suppressed because it is too large Load Diff

1695
public/themes/vela-cyan/theme.css
View File

File diff suppressed because it is too large Load Diff

1695
public/themes/vela-deeppurple/theme.css
View File

File diff suppressed because it is too large Load Diff

1695
public/themes/vela-green/theme.css
View File

File diff suppressed because it is too large Load Diff

1695
public/themes/vela-indigo/theme.css
View File

File diff suppressed because it is too large Load Diff

1695
public/themes/vela-orange/theme.css
View File

File diff suppressed because it is too large Load Diff

1695
public/themes/vela-purple/theme.css
View File

File diff suppressed because it is too large Load Diff

1695
public/themes/vela-teal/theme.css
View File

File diff suppressed because it is too large Load Diff