Facelift on showcase

pull/345/head
cagataycivici 2020-06-17 22:21:22 +03:00
parent 050c38d0c6
commit dd6179a545
34 changed files with 1856 additions and 1850 deletions

View File

@ -1,11 +1,12 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--layer-0: #121212; --surface-a: #121212;
--layer-1: #1e1e1e; --surface-b: #121212;
--layer-2: #2b2b2b; --surface-c: #2b2b2b;
--layer-3: #383838; --surface-d: #383838;
--surface-e: #1e1e1e;
--text-color: rgba(255, 255, 255, 0.87); --text-color: rgba(255, 255, 255, 0.87);
--text-color-secondary: rgba(255, 255, 255, 0.6); --text-color-secondary: $shade100;
--primary-color: #64B5F6; --primary-color: #64B5F6;
--primary-color-text: #212529; --primary-color-text: #212529;
} }
@ -44,7 +45,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: 4px; border-radius: 3px;
} }
.p-link:focus { .p-link:focus {
outline: 0 none; outline: 0 none;
@ -85,7 +86,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #64B5F6; background: #64B5F6;
color: #212529; color: #212529;
border-radius: 4px; border-radius: 3px;
} }
.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;
@ -95,7 +96,7 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 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 {
@ -133,7 +134,7 @@
background: #383838; background: #383838;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
border: 1px solid #383838; border: 1px solid #383838;
@ -146,8 +147,8 @@
font-weight: 600; font-weight: 600;
margin: 0; margin: 0;
border-bottom: 1px solid #383838; border-bottom: 1px solid #383838;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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 {
@ -258,7 +259,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: 4px; border-radius: 3px;
} }
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #212529; color: #212529;
@ -314,7 +315,7 @@
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
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 {
@ -364,7 +365,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #64B5F6; background: #64B5F6;
color: #212529; color: #212529;
border-radius: 4px; border-radius: 3px;
} }
.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;
@ -406,7 +407,7 @@
background: #383838; background: #383838;
border: 1px solid #383838; border: 1px solid #383838;
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: 4px; border-radius: 3px;
} }
.p-dropdown:not(.p-disabled):hover { .p-dropdown:not(.p-disabled):hover {
border-color: #64B5F6; border-color: #64B5F6;
@ -432,8 +433,8 @@
background: #383838; background: #383838;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-dropdown .p-dropdown-clear-icon { .p-dropdown .p-dropdown-clear-icon {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
@ -444,7 +445,7 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 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 {
@ -453,8 +454,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1e1e1e; background: #1e1e1e;
margin: 0; margin: 0;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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;
@ -491,19 +492,19 @@
.p-editor-container .p-editor-toolbar { .p-editor-container .p-editor-toolbar {
border: 1px solid #383838; border: 1px solid #383838;
background: #1e1e1e; background: #1e1e1e;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-editor-container .p-editor-content { .p-editor-container .p-editor-content {
border: 1px solid #383838; border: 1px solid #383838;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-editor-container .p-editor-content .ql-editor { .p-editor-container .p-editor-content .ql-editor {
background: #383838; background: #383838;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-editor-container .ql-picker.ql-expanded .ql-picker-label { .p-editor-container .ql-picker.ql-expanded .ql-picker-label {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -582,15 +583,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: 4px; border-top-left-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-fluid .p-inputgroup .p-button { .p-fluid .p-inputgroup .p-button {
@ -652,7 +653,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: 4px; border-radius: 3px;
} }
.p-inputtext:enabled:hover { .p-inputtext:enabled:hover {
border-color: #64B5F6; border-color: #64B5F6;
@ -720,7 +721,7 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
} }
.p-listbox .p-listbox-header { .p-listbox .p-listbox-header {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -728,8 +729,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1e1e1e; background: #1e1e1e;
margin: 0; margin: 0;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-listbox .p-listbox-header .p-listbox-filter { .p-listbox .p-listbox-header .p-listbox-filter {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -771,7 +772,7 @@
background: #383838; background: #383838;
border: 1px solid #383838; border: 1px solid #383838;
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: 4px; border-radius: 3px;
} }
.p-multiselect:not(.p-disabled):hover { .p-multiselect:not(.p-disabled):hover {
border-color: #64B5F6; border-color: #64B5F6;
@ -792,15 +793,15 @@
background: #383838; background: #383838;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-multiselect-panel { .p-multiselect-panel {
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 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 {
@ -809,8 +810,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1e1e1e; background: #1e1e1e;
margin: 0; margin: 0;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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;
@ -994,7 +995,7 @@
.p-slider { .p-slider {
background: #383838; background: #383838;
border: 0 none; border: 0 none;
border-radius: 4px; border-radius: 3px;
} }
.p-slider.p-slider-horizontal { .p-slider.p-slider-horizontal {
height: 0.286rem; height: 0.286rem;
@ -1080,7 +1081,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: 4px; border-radius: 3px;
} }
.p-button:enabled:hover { .p-button:enabled:hover {
background: #42A5F5; background: #42A5F5;
@ -1349,8 +1350,8 @@
border: 1px solid #383838; border: 1px solid #383838;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 4px; border-top-left-radius: 3px;
border-top-right-radius: 4px; border-top-right-radius: 3px;
font-weight: 600; font-weight: 600;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1360,8 +1361,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: 4px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-datatable .p-datatable-thead > tr > th { .p-datatable .p-datatable-thead > tr > th {
text-align: left; text-align: left;
@ -1540,8 +1541,8 @@
border: 1px solid #383838; border: 1px solid #383838;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 4px; border-top-left-radius: 3px;
border-top-right-radius: 4px; border-top-right-radius: 3px;
font-weight: 600; font-weight: 600;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1560,8 +1561,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: 4px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.fc .fc-view-container th { .fc .fc-view-container th {
@ -1595,7 +1596,7 @@
border: 1px solid #64B5F6; border: 1px solid #64B5F6;
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: 4px; border-radius: 3px;
display: flex; display: flex;
align-items: center; align-items: center;
} }
@ -1656,12 +1657,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: 4px; border-top-left-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.fc .fc-toolbar .fc-button-group .fc-button:last-child { .fc .fc-toolbar .fc-button-group .fc-button:last-child {
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-orderlist .p-orderlist-controls { .p-orderlist .p-orderlist-controls {
@ -1677,16 +1678,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-orderlist .p-orderlist-list { .p-orderlist .p-orderlist-list {
border: 1px solid #383838; border: 1px solid #383838;
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item { .p-orderlist .p-orderlist-list .p-orderlist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1758,7 +1759,7 @@
bottom: -0.7em; bottom: -0.7em;
margin-left: -0.46em; margin-left: -0.46em;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-radius: 4px; border-radius: 3px;
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 {
@ -1776,7 +1777,7 @@
border: solid #383838; border: solid #383838;
border-width: 1px; border-width: 1px;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border-radius: 4px; border-radius: 3px;
} }
.p-paginator .p-paginator-first, .p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev, .p-paginator .p-paginator-prev,
@ -1789,7 +1790,7 @@
height: 2.286em; height: 2.286em;
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: 4px; border-radius: 3px;
} }
.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,
@ -1818,7 +1819,7 @@
height: 2.286em; height: 2.286em;
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: 4px; border-radius: 3px;
} }
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #64B5F6; background: #64B5F6;
@ -1844,16 +1845,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-picklist .p-picklist-list { .p-picklist .p-picklist-list {
border: 1px solid #383838; border: 1px solid #383838;
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-picklist .p-picklist-list .p-picklist-item { .p-picklist .p-picklist-list .p-picklist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1910,13 +1911,13 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 1rem; padding: 1rem;
border-radius: 4px; border-radius: 3px;
} }
.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: 4px; border-radius: 3px;
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;
} }
@ -1987,8 +1988,8 @@
border: 1px solid #383838; border: 1px solid #383838;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 4px; border-top-left-radius: 3px;
border-top-right-radius: 4px; border-top-right-radius: 3px;
font-weight: 600; font-weight: 600;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {
@ -1998,8 +1999,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: 4px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-treetable .p-treetable-thead > tr > th { .p-treetable .p-treetable-thead > tr > th {
text-align: left; text-align: left;
@ -2161,7 +2162,7 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1e1e1e; background: #1e1e1e;
font-weight: 600; font-weight: 600;
border-radius: 4px; border-radius: 3px;
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 {
@ -2197,8 +2198,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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-accordion .p-accordion-tab { .p-accordion .p-accordion-tab {
margin-bottom: 0; margin-bottom: 0;
@ -2213,19 +2214,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: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-card { .p-card {
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
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: 4px; border-radius: 3px;
} }
.p-card .p-card-body { .p-card .p-card-body {
padding: 1rem; padding: 1rem;
@ -2251,7 +2252,7 @@
border: 1px solid #383838; border: 1px solid #383838;
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
} }
.p-fieldset .p-fieldset-legend { .p-fieldset .p-fieldset-legend {
padding: 1rem; padding: 1rem;
@ -2259,7 +2260,7 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1e1e1e; background: #1e1e1e;
font-weight: 600; font-weight: 600;
border-radius: 4px; border-radius: 3px;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
@ -2268,7 +2269,7 @@
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem; padding: 1rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
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 {
@ -2290,8 +2291,8 @@
padding: 1rem; padding: 1rem;
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-panel .p-panel-header .p-panel-title { .p-panel .p-panel-header .p-panel-title {
font-weight: 600; font-weight: 600;
@ -2323,8 +2324,8 @@
border: 1px solid #383838; border: 1px solid #383838;
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
border-top: 0 none; border-top: 0 none;
} }
.p-panel .p-panel-footer { .p-panel .p-panel-footer {
@ -2350,8 +2351,8 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
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;
} }
@ -2377,22 +2378,22 @@
padding: 1rem; padding: 1rem;
border: 0 none; border: 0 none;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-toolbar { .p-toolbar {
background: #1e1e1e; background: #1e1e1e;
border: 1px solid #383838; border: 1px solid #383838;
padding: 1rem; padding: 1rem;
border-radius: 4px; border-radius: 3px;
} }
.p-toolbar .p-toolbar-separator { .p-toolbar .p-toolbar-separator {
margin: 0 0.5rem; margin: 0 0.5rem;
} }
.p-dialog { .p-dialog {
border-radius: 4px; border-radius: 3px;
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: 1px solid #383838; border: 1px solid #383838;
} }
@ -2401,8 +2402,8 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 1rem; padding: 1rem;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-dialog .p-dialog-header .p-dialog-title { .p-dialog .p-dialog-header .p-dialog-title {
font-weight: 600; font-weight: 600;
@ -2442,8 +2443,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 1rem; padding: 1rem;
text-align: right; text-align: right;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-dialog .p-dialog-footer button { .p-dialog .p-dialog-footer button {
margin: 0 0.5rem 0 0; margin: 0 0.5rem 0 0;
@ -2458,7 +2459,7 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
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 {
@ -2529,7 +2530,7 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
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: 4px; border-radius: 3px;
} }
.p-tooltip.p-tooltip-right .p-tooltip-arrow { .p-tooltip.p-tooltip-right .p-tooltip-arrow {
border-right-color: #383838; border-right-color: #383838;
@ -2550,8 +2551,8 @@
border: 1px solid #383838; border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-fileupload .p-fileupload-buttonbar .p-button { .p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2566,8 +2567,8 @@
padding: 2rem 1rem; padding: 2rem 1rem;
border: 1px solid #383838; border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
@ -2590,12 +2591,12 @@
.p-breadcrumb { .p-breadcrumb {
background: #1e1e1e; background: #1e1e1e;
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
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: 4px; border-radius: 3px;
} }
.p-breadcrumb ul li .p-menuitem-link:focus { .p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none; outline: 0 none;
@ -2683,12 +2684,12 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
} }
.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: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
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;
} }
@ -2766,8 +2767,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1e1e1e; background: #1e1e1e;
font-weight: 600; font-weight: 600;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-megamenu .p-megamenu-submenu { .p-megamenu .p-megamenu-submenu {
padding: 0.25rem 0; padding: 0.25rem 0;
@ -2796,7 +2797,7 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
width: 12.5rem; width: 12.5rem;
} }
.p-menu .p-menuitem-link { .p-menu .p-menuitem-link {
@ -2856,7 +2857,7 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
} }
.p-menubar .p-menuitem-link { .p-menubar .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
@ -2895,7 +2896,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: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
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;
} }
@ -2962,7 +2963,7 @@
border: 0 none; border: 0 none;
width: 2.5rem; width: 2.5rem;
height: 2.5rem; height: 2.5rem;
border-radius: 4px; border-radius: 3px;
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 {
@ -3085,7 +3086,7 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1e1e1e; background: #1e1e1e;
font-weight: 600; font-weight: 600;
border-radius: 4px; border-radius: 3px;
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 {
@ -3128,8 +3129,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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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;
@ -3184,18 +3185,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: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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: 4px; border-radius: 3px;
background: transparent; background: transparent;
} }
.p-steps .p-steps-item .p-menuitem-link .p-steps-number { .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -3252,8 +3253,8 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
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;
} }
@ -3283,7 +3284,7 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
width: 12.5rem; width: 12.5rem;
} }
.p-tieredmenu .p-menuitem-link { .p-tieredmenu .p-menuitem-link {
@ -3350,7 +3351,7 @@
.p-inline-message { .p-inline-message {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
margin: 0; margin: 0;
border-radius: 4px; border-radius: 3px;
} }
.p-inline-message.p-inline-message-info { .p-inline-message.p-inline-message-info {
background: #B3E5FC; background: #B3E5FC;
@ -3401,7 +3402,7 @@
.p-message { .p-message {
margin: 1rem 0; margin: 1rem 0;
border-radius: 4px; border-radius: 3px;
} }
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
@ -3660,7 +3661,7 @@
.p-inplace .p-inplace-display { .p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
border-radius: 4px; border-radius: 3px;
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 {
@ -3677,8 +3678,8 @@
border: 0 none; border: 0 none;
height: 1.5rem; height: 1.5rem;
background: #383838; background: #383838;
border-radius: 4px; border-radius: 3px;
border-radius: 4px; border-radius: 3px;
} }
.p-progressbar .p-progressbar-value { .p-progressbar .p-progressbar-value {
border: 0 none; border: 0 none;
@ -3753,7 +3754,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: 4px; border-radius: 3px;
} }
.p-tag.p-tag-success { .p-tag.p-tag-success {
background-color: #C5E1A5; background-color: #C5E1A5;

View File

@ -1,11 +1,12 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--layer-0: #121212; --surface-a: #121212;
--layer-1: #1e1e1e; --surface-b: #121212;
--layer-2: #2b2b2b; --surface-c: #2b2b2b;
--layer-3: #383838; --surface-d: #383838;
--surface-e: #1e1e1e;
--text-color: rgba(255, 255, 255, 0.87); --text-color: rgba(255, 255, 255, 0.87);
--text-color-secondary: rgba(255, 255, 255, 0.6); --text-color-secondary: $shade100;
--primary-color: #81C784; --primary-color: #81C784;
--primary-color-text: #212529; --primary-color-text: #212529;
} }
@ -44,7 +45,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: 4px; border-radius: 3px;
} }
.p-link:focus { .p-link:focus {
outline: 0 none; outline: 0 none;
@ -85,7 +86,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #81C784; background: #81C784;
color: #212529; color: #212529;
border-radius: 4px; border-radius: 3px;
} }
.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;
@ -95,7 +96,7 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 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 {
@ -133,7 +134,7 @@
background: #383838; background: #383838;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
border: 1px solid #383838; border: 1px solid #383838;
@ -146,8 +147,8 @@
font-weight: 600; font-weight: 600;
margin: 0; margin: 0;
border-bottom: 1px solid #383838; border-bottom: 1px solid #383838;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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 {
@ -258,7 +259,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: 4px; border-radius: 3px;
} }
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #212529; color: #212529;
@ -314,7 +315,7 @@
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
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 {
@ -364,7 +365,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #81C784; background: #81C784;
color: #212529; color: #212529;
border-radius: 4px; border-radius: 3px;
} }
.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;
@ -406,7 +407,7 @@
background: #383838; background: #383838;
border: 1px solid #383838; border: 1px solid #383838;
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: 4px; border-radius: 3px;
} }
.p-dropdown:not(.p-disabled):hover { .p-dropdown:not(.p-disabled):hover {
border-color: #81C784; border-color: #81C784;
@ -432,8 +433,8 @@
background: #383838; background: #383838;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-dropdown .p-dropdown-clear-icon { .p-dropdown .p-dropdown-clear-icon {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
@ -444,7 +445,7 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 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 {
@ -453,8 +454,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1e1e1e; background: #1e1e1e;
margin: 0; margin: 0;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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;
@ -491,19 +492,19 @@
.p-editor-container .p-editor-toolbar { .p-editor-container .p-editor-toolbar {
border: 1px solid #383838; border: 1px solid #383838;
background: #1e1e1e; background: #1e1e1e;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-editor-container .p-editor-content { .p-editor-container .p-editor-content {
border: 1px solid #383838; border: 1px solid #383838;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-editor-container .p-editor-content .ql-editor { .p-editor-container .p-editor-content .ql-editor {
background: #383838; background: #383838;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-editor-container .ql-picker.ql-expanded .ql-picker-label { .p-editor-container .ql-picker.ql-expanded .ql-picker-label {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -582,15 +583,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: 4px; border-top-left-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-fluid .p-inputgroup .p-button { .p-fluid .p-inputgroup .p-button {
@ -652,7 +653,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: 4px; border-radius: 3px;
} }
.p-inputtext:enabled:hover { .p-inputtext:enabled:hover {
border-color: #81C784; border-color: #81C784;
@ -720,7 +721,7 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
} }
.p-listbox .p-listbox-header { .p-listbox .p-listbox-header {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -728,8 +729,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1e1e1e; background: #1e1e1e;
margin: 0; margin: 0;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-listbox .p-listbox-header .p-listbox-filter { .p-listbox .p-listbox-header .p-listbox-filter {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -771,7 +772,7 @@
background: #383838; background: #383838;
border: 1px solid #383838; border: 1px solid #383838;
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: 4px; border-radius: 3px;
} }
.p-multiselect:not(.p-disabled):hover { .p-multiselect:not(.p-disabled):hover {
border-color: #81C784; border-color: #81C784;
@ -792,15 +793,15 @@
background: #383838; background: #383838;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-multiselect-panel { .p-multiselect-panel {
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 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 {
@ -809,8 +810,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1e1e1e; background: #1e1e1e;
margin: 0; margin: 0;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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;
@ -994,7 +995,7 @@
.p-slider { .p-slider {
background: #383838; background: #383838;
border: 0 none; border: 0 none;
border-radius: 4px; border-radius: 3px;
} }
.p-slider.p-slider-horizontal { .p-slider.p-slider-horizontal {
height: 0.286rem; height: 0.286rem;
@ -1080,7 +1081,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: 4px; border-radius: 3px;
} }
.p-button:enabled:hover { .p-button:enabled:hover {
background: #66BB6A; background: #66BB6A;
@ -1349,8 +1350,8 @@
border: 1px solid #383838; border: 1px solid #383838;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 4px; border-top-left-radius: 3px;
border-top-right-radius: 4px; border-top-right-radius: 3px;
font-weight: 600; font-weight: 600;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1360,8 +1361,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: 4px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-datatable .p-datatable-thead > tr > th { .p-datatable .p-datatable-thead > tr > th {
text-align: left; text-align: left;
@ -1540,8 +1541,8 @@
border: 1px solid #383838; border: 1px solid #383838;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 4px; border-top-left-radius: 3px;
border-top-right-radius: 4px; border-top-right-radius: 3px;
font-weight: 600; font-weight: 600;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1560,8 +1561,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: 4px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.fc .fc-view-container th { .fc .fc-view-container th {
@ -1595,7 +1596,7 @@
border: 1px solid #81C784; border: 1px solid #81C784;
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: 4px; border-radius: 3px;
display: flex; display: flex;
align-items: center; align-items: center;
} }
@ -1656,12 +1657,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: 4px; border-top-left-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.fc .fc-toolbar .fc-button-group .fc-button:last-child { .fc .fc-toolbar .fc-button-group .fc-button:last-child {
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-orderlist .p-orderlist-controls { .p-orderlist .p-orderlist-controls {
@ -1677,16 +1678,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-orderlist .p-orderlist-list { .p-orderlist .p-orderlist-list {
border: 1px solid #383838; border: 1px solid #383838;
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item { .p-orderlist .p-orderlist-list .p-orderlist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1758,7 +1759,7 @@
bottom: -0.7em; bottom: -0.7em;
margin-left: -0.46em; margin-left: -0.46em;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-radius: 4px; border-radius: 3px;
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 {
@ -1776,7 +1777,7 @@
border: solid #383838; border: solid #383838;
border-width: 1px; border-width: 1px;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border-radius: 4px; border-radius: 3px;
} }
.p-paginator .p-paginator-first, .p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev, .p-paginator .p-paginator-prev,
@ -1789,7 +1790,7 @@
height: 2.286em; height: 2.286em;
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: 4px; border-radius: 3px;
} }
.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,
@ -1818,7 +1819,7 @@
height: 2.286em; height: 2.286em;
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: 4px; border-radius: 3px;
} }
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #81C784; background: #81C784;
@ -1844,16 +1845,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-picklist .p-picklist-list { .p-picklist .p-picklist-list {
border: 1px solid #383838; border: 1px solid #383838;
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-picklist .p-picklist-list .p-picklist-item { .p-picklist .p-picklist-list .p-picklist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1910,13 +1911,13 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 1rem; padding: 1rem;
border-radius: 4px; border-radius: 3px;
} }
.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: 4px; border-radius: 3px;
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;
} }
@ -1987,8 +1988,8 @@
border: 1px solid #383838; border: 1px solid #383838;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 4px; border-top-left-radius: 3px;
border-top-right-radius: 4px; border-top-right-radius: 3px;
font-weight: 600; font-weight: 600;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {
@ -1998,8 +1999,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: 4px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-treetable .p-treetable-thead > tr > th { .p-treetable .p-treetable-thead > tr > th {
text-align: left; text-align: left;
@ -2161,7 +2162,7 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1e1e1e; background: #1e1e1e;
font-weight: 600; font-weight: 600;
border-radius: 4px; border-radius: 3px;
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 {
@ -2197,8 +2198,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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-accordion .p-accordion-tab { .p-accordion .p-accordion-tab {
margin-bottom: 0; margin-bottom: 0;
@ -2213,19 +2214,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: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-card { .p-card {
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
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: 4px; border-radius: 3px;
} }
.p-card .p-card-body { .p-card .p-card-body {
padding: 1rem; padding: 1rem;
@ -2251,7 +2252,7 @@
border: 1px solid #383838; border: 1px solid #383838;
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
} }
.p-fieldset .p-fieldset-legend { .p-fieldset .p-fieldset-legend {
padding: 1rem; padding: 1rem;
@ -2259,7 +2260,7 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1e1e1e; background: #1e1e1e;
font-weight: 600; font-weight: 600;
border-radius: 4px; border-radius: 3px;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
@ -2268,7 +2269,7 @@
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem; padding: 1rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
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 {
@ -2290,8 +2291,8 @@
padding: 1rem; padding: 1rem;
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-panel .p-panel-header .p-panel-title { .p-panel .p-panel-header .p-panel-title {
font-weight: 600; font-weight: 600;
@ -2323,8 +2324,8 @@
border: 1px solid #383838; border: 1px solid #383838;
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
border-top: 0 none; border-top: 0 none;
} }
.p-panel .p-panel-footer { .p-panel .p-panel-footer {
@ -2350,8 +2351,8 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
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;
} }
@ -2377,22 +2378,22 @@
padding: 1rem; padding: 1rem;
border: 0 none; border: 0 none;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-toolbar { .p-toolbar {
background: #1e1e1e; background: #1e1e1e;
border: 1px solid #383838; border: 1px solid #383838;
padding: 1rem; padding: 1rem;
border-radius: 4px; border-radius: 3px;
} }
.p-toolbar .p-toolbar-separator { .p-toolbar .p-toolbar-separator {
margin: 0 0.5rem; margin: 0 0.5rem;
} }
.p-dialog { .p-dialog {
border-radius: 4px; border-radius: 3px;
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: 1px solid #383838; border: 1px solid #383838;
} }
@ -2401,8 +2402,8 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 1rem; padding: 1rem;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-dialog .p-dialog-header .p-dialog-title { .p-dialog .p-dialog-header .p-dialog-title {
font-weight: 600; font-weight: 600;
@ -2442,8 +2443,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 1rem; padding: 1rem;
text-align: right; text-align: right;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-dialog .p-dialog-footer button { .p-dialog .p-dialog-footer button {
margin: 0 0.5rem 0 0; margin: 0 0.5rem 0 0;
@ -2458,7 +2459,7 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
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 {
@ -2529,7 +2530,7 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
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: 4px; border-radius: 3px;
} }
.p-tooltip.p-tooltip-right .p-tooltip-arrow { .p-tooltip.p-tooltip-right .p-tooltip-arrow {
border-right-color: #383838; border-right-color: #383838;
@ -2550,8 +2551,8 @@
border: 1px solid #383838; border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-fileupload .p-fileupload-buttonbar .p-button { .p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2566,8 +2567,8 @@
padding: 2rem 1rem; padding: 2rem 1rem;
border: 1px solid #383838; border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
@ -2590,12 +2591,12 @@
.p-breadcrumb { .p-breadcrumb {
background: #1e1e1e; background: #1e1e1e;
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
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: 4px; border-radius: 3px;
} }
.p-breadcrumb ul li .p-menuitem-link:focus { .p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none; outline: 0 none;
@ -2683,12 +2684,12 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
} }
.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: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
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;
} }
@ -2766,8 +2767,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1e1e1e; background: #1e1e1e;
font-weight: 600; font-weight: 600;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-megamenu .p-megamenu-submenu { .p-megamenu .p-megamenu-submenu {
padding: 0.25rem 0; padding: 0.25rem 0;
@ -2796,7 +2797,7 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
width: 12.5rem; width: 12.5rem;
} }
.p-menu .p-menuitem-link { .p-menu .p-menuitem-link {
@ -2856,7 +2857,7 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
} }
.p-menubar .p-menuitem-link { .p-menubar .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
@ -2895,7 +2896,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: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
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;
} }
@ -2962,7 +2963,7 @@
border: 0 none; border: 0 none;
width: 2.5rem; width: 2.5rem;
height: 2.5rem; height: 2.5rem;
border-radius: 4px; border-radius: 3px;
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 {
@ -3085,7 +3086,7 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1e1e1e; background: #1e1e1e;
font-weight: 600; font-weight: 600;
border-radius: 4px; border-radius: 3px;
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 {
@ -3128,8 +3129,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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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;
@ -3184,18 +3185,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: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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: 4px; border-radius: 3px;
background: transparent; background: transparent;
} }
.p-steps .p-steps-item .p-menuitem-link .p-steps-number { .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -3252,8 +3253,8 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
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;
} }
@ -3283,7 +3284,7 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
width: 12.5rem; width: 12.5rem;
} }
.p-tieredmenu .p-menuitem-link { .p-tieredmenu .p-menuitem-link {
@ -3350,7 +3351,7 @@
.p-inline-message { .p-inline-message {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
margin: 0; margin: 0;
border-radius: 4px; border-radius: 3px;
} }
.p-inline-message.p-inline-message-info { .p-inline-message.p-inline-message-info {
background: #B3E5FC; background: #B3E5FC;
@ -3401,7 +3402,7 @@
.p-message { .p-message {
margin: 1rem 0; margin: 1rem 0;
border-radius: 4px; border-radius: 3px;
} }
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
@ -3660,7 +3661,7 @@
.p-inplace .p-inplace-display { .p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
border-radius: 4px; border-radius: 3px;
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 {
@ -3677,8 +3678,8 @@
border: 0 none; border: 0 none;
height: 1.5rem; height: 1.5rem;
background: #383838; background: #383838;
border-radius: 4px; border-radius: 3px;
border-radius: 4px; border-radius: 3px;
} }
.p-progressbar .p-progressbar-value { .p-progressbar .p-progressbar-value {
border: 0 none; border: 0 none;
@ -3753,7 +3754,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: 4px; border-radius: 3px;
} }
.p-tag.p-tag-success { .p-tag.p-tag-success {
background-color: #C5E1A5; background-color: #C5E1A5;

View File

@ -1,11 +1,12 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--layer-0: #121212; --surface-a: #121212;
--layer-1: #1e1e1e; --surface-b: #121212;
--layer-2: #2b2b2b; --surface-c: #2b2b2b;
--layer-3: #383838; --surface-d: #383838;
--surface-e: #1e1e1e;
--text-color: rgba(255, 255, 255, 0.87); --text-color: rgba(255, 255, 255, 0.87);
--text-color-secondary: rgba(255, 255, 255, 0.6); --text-color-secondary: $shade100;
--primary-color: #FFD54F; --primary-color: #FFD54F;
--primary-color-text: #212529; --primary-color-text: #212529;
} }
@ -44,7 +45,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: 4px; border-radius: 3px;
} }
.p-link:focus { .p-link:focus {
outline: 0 none; outline: 0 none;
@ -85,7 +86,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #FFD54F; background: #FFD54F;
color: #212529; color: #212529;
border-radius: 4px; border-radius: 3px;
} }
.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;
@ -95,7 +96,7 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 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 {
@ -133,7 +134,7 @@
background: #383838; background: #383838;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
border: 1px solid #383838; border: 1px solid #383838;
@ -146,8 +147,8 @@
font-weight: 600; font-weight: 600;
margin: 0; margin: 0;
border-bottom: 1px solid #383838; border-bottom: 1px solid #383838;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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 {
@ -258,7 +259,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: 4px; border-radius: 3px;
} }
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #212529; color: #212529;
@ -314,7 +315,7 @@
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
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 {
@ -364,7 +365,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #FFD54F; background: #FFD54F;
color: #212529; color: #212529;
border-radius: 4px; border-radius: 3px;
} }
.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;
@ -406,7 +407,7 @@
background: #383838; background: #383838;
border: 1px solid #383838; border: 1px solid #383838;
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: 4px; border-radius: 3px;
} }
.p-dropdown:not(.p-disabled):hover { .p-dropdown:not(.p-disabled):hover {
border-color: #FFD54F; border-color: #FFD54F;
@ -432,8 +433,8 @@
background: #383838; background: #383838;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-dropdown .p-dropdown-clear-icon { .p-dropdown .p-dropdown-clear-icon {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
@ -444,7 +445,7 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 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 {
@ -453,8 +454,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1e1e1e; background: #1e1e1e;
margin: 0; margin: 0;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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;
@ -491,19 +492,19 @@
.p-editor-container .p-editor-toolbar { .p-editor-container .p-editor-toolbar {
border: 1px solid #383838; border: 1px solid #383838;
background: #1e1e1e; background: #1e1e1e;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-editor-container .p-editor-content { .p-editor-container .p-editor-content {
border: 1px solid #383838; border: 1px solid #383838;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-editor-container .p-editor-content .ql-editor { .p-editor-container .p-editor-content .ql-editor {
background: #383838; background: #383838;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-editor-container .ql-picker.ql-expanded .ql-picker-label { .p-editor-container .ql-picker.ql-expanded .ql-picker-label {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -582,15 +583,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: 4px; border-top-left-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-fluid .p-inputgroup .p-button { .p-fluid .p-inputgroup .p-button {
@ -652,7 +653,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: 4px; border-radius: 3px;
} }
.p-inputtext:enabled:hover { .p-inputtext:enabled:hover {
border-color: #FFD54F; border-color: #FFD54F;
@ -720,7 +721,7 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
} }
.p-listbox .p-listbox-header { .p-listbox .p-listbox-header {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -728,8 +729,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1e1e1e; background: #1e1e1e;
margin: 0; margin: 0;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-listbox .p-listbox-header .p-listbox-filter { .p-listbox .p-listbox-header .p-listbox-filter {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -771,7 +772,7 @@
background: #383838; background: #383838;
border: 1px solid #383838; border: 1px solid #383838;
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: 4px; border-radius: 3px;
} }
.p-multiselect:not(.p-disabled):hover { .p-multiselect:not(.p-disabled):hover {
border-color: #FFD54F; border-color: #FFD54F;
@ -792,15 +793,15 @@
background: #383838; background: #383838;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-multiselect-panel { .p-multiselect-panel {
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 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 {
@ -809,8 +810,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1e1e1e; background: #1e1e1e;
margin: 0; margin: 0;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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;
@ -994,7 +995,7 @@
.p-slider { .p-slider {
background: #383838; background: #383838;
border: 0 none; border: 0 none;
border-radius: 4px; border-radius: 3px;
} }
.p-slider.p-slider-horizontal { .p-slider.p-slider-horizontal {
height: 0.286rem; height: 0.286rem;
@ -1080,7 +1081,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: 4px; border-radius: 3px;
} }
.p-button:enabled:hover { .p-button:enabled:hover {
background: #FFCA28; background: #FFCA28;
@ -1349,8 +1350,8 @@
border: 1px solid #383838; border: 1px solid #383838;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 4px; border-top-left-radius: 3px;
border-top-right-radius: 4px; border-top-right-radius: 3px;
font-weight: 600; font-weight: 600;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1360,8 +1361,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: 4px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-datatable .p-datatable-thead > tr > th { .p-datatable .p-datatable-thead > tr > th {
text-align: left; text-align: left;
@ -1540,8 +1541,8 @@
border: 1px solid #383838; border: 1px solid #383838;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 4px; border-top-left-radius: 3px;
border-top-right-radius: 4px; border-top-right-radius: 3px;
font-weight: 600; font-weight: 600;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1560,8 +1561,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: 4px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.fc .fc-view-container th { .fc .fc-view-container th {
@ -1595,7 +1596,7 @@
border: 1px solid #FFD54F; border: 1px solid #FFD54F;
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: 4px; border-radius: 3px;
display: flex; display: flex;
align-items: center; align-items: center;
} }
@ -1656,12 +1657,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: 4px; border-top-left-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.fc .fc-toolbar .fc-button-group .fc-button:last-child { .fc .fc-toolbar .fc-button-group .fc-button:last-child {
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-orderlist .p-orderlist-controls { .p-orderlist .p-orderlist-controls {
@ -1677,16 +1678,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-orderlist .p-orderlist-list { .p-orderlist .p-orderlist-list {
border: 1px solid #383838; border: 1px solid #383838;
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item { .p-orderlist .p-orderlist-list .p-orderlist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1758,7 +1759,7 @@
bottom: -0.7em; bottom: -0.7em;
margin-left: -0.46em; margin-left: -0.46em;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-radius: 4px; border-radius: 3px;
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 {
@ -1776,7 +1777,7 @@
border: solid #383838; border: solid #383838;
border-width: 1px; border-width: 1px;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border-radius: 4px; border-radius: 3px;
} }
.p-paginator .p-paginator-first, .p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev, .p-paginator .p-paginator-prev,
@ -1789,7 +1790,7 @@
height: 2.286em; height: 2.286em;
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: 4px; border-radius: 3px;
} }
.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,
@ -1818,7 +1819,7 @@
height: 2.286em; height: 2.286em;
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: 4px; border-radius: 3px;
} }
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #FFD54F; background: #FFD54F;
@ -1844,16 +1845,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-picklist .p-picklist-list { .p-picklist .p-picklist-list {
border: 1px solid #383838; border: 1px solid #383838;
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-picklist .p-picklist-list .p-picklist-item { .p-picklist .p-picklist-list .p-picklist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1910,13 +1911,13 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 1rem; padding: 1rem;
border-radius: 4px; border-radius: 3px;
} }
.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: 4px; border-radius: 3px;
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;
} }
@ -1987,8 +1988,8 @@
border: 1px solid #383838; border: 1px solid #383838;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 4px; border-top-left-radius: 3px;
border-top-right-radius: 4px; border-top-right-radius: 3px;
font-weight: 600; font-weight: 600;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {
@ -1998,8 +1999,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: 4px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-treetable .p-treetable-thead > tr > th { .p-treetable .p-treetable-thead > tr > th {
text-align: left; text-align: left;
@ -2161,7 +2162,7 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1e1e1e; background: #1e1e1e;
font-weight: 600; font-weight: 600;
border-radius: 4px; border-radius: 3px;
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 {
@ -2197,8 +2198,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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-accordion .p-accordion-tab { .p-accordion .p-accordion-tab {
margin-bottom: 0; margin-bottom: 0;
@ -2213,19 +2214,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: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-card { .p-card {
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
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: 4px; border-radius: 3px;
} }
.p-card .p-card-body { .p-card .p-card-body {
padding: 1rem; padding: 1rem;
@ -2251,7 +2252,7 @@
border: 1px solid #383838; border: 1px solid #383838;
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
} }
.p-fieldset .p-fieldset-legend { .p-fieldset .p-fieldset-legend {
padding: 1rem; padding: 1rem;
@ -2259,7 +2260,7 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1e1e1e; background: #1e1e1e;
font-weight: 600; font-weight: 600;
border-radius: 4px; border-radius: 3px;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
@ -2268,7 +2269,7 @@
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem; padding: 1rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
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 {
@ -2290,8 +2291,8 @@
padding: 1rem; padding: 1rem;
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-panel .p-panel-header .p-panel-title { .p-panel .p-panel-header .p-panel-title {
font-weight: 600; font-weight: 600;
@ -2323,8 +2324,8 @@
border: 1px solid #383838; border: 1px solid #383838;
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
border-top: 0 none; border-top: 0 none;
} }
.p-panel .p-panel-footer { .p-panel .p-panel-footer {
@ -2350,8 +2351,8 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
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;
} }
@ -2377,22 +2378,22 @@
padding: 1rem; padding: 1rem;
border: 0 none; border: 0 none;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-toolbar { .p-toolbar {
background: #1e1e1e; background: #1e1e1e;
border: 1px solid #383838; border: 1px solid #383838;
padding: 1rem; padding: 1rem;
border-radius: 4px; border-radius: 3px;
} }
.p-toolbar .p-toolbar-separator { .p-toolbar .p-toolbar-separator {
margin: 0 0.5rem; margin: 0 0.5rem;
} }
.p-dialog { .p-dialog {
border-radius: 4px; border-radius: 3px;
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: 1px solid #383838; border: 1px solid #383838;
} }
@ -2401,8 +2402,8 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 1rem; padding: 1rem;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-dialog .p-dialog-header .p-dialog-title { .p-dialog .p-dialog-header .p-dialog-title {
font-weight: 600; font-weight: 600;
@ -2442,8 +2443,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 1rem; padding: 1rem;
text-align: right; text-align: right;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-dialog .p-dialog-footer button { .p-dialog .p-dialog-footer button {
margin: 0 0.5rem 0 0; margin: 0 0.5rem 0 0;
@ -2458,7 +2459,7 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
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 {
@ -2529,7 +2530,7 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
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: 4px; border-radius: 3px;
} }
.p-tooltip.p-tooltip-right .p-tooltip-arrow { .p-tooltip.p-tooltip-right .p-tooltip-arrow {
border-right-color: #383838; border-right-color: #383838;
@ -2550,8 +2551,8 @@
border: 1px solid #383838; border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-fileupload .p-fileupload-buttonbar .p-button { .p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2566,8 +2567,8 @@
padding: 2rem 1rem; padding: 2rem 1rem;
border: 1px solid #383838; border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
@ -2590,12 +2591,12 @@
.p-breadcrumb { .p-breadcrumb {
background: #1e1e1e; background: #1e1e1e;
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
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: 4px; border-radius: 3px;
} }
.p-breadcrumb ul li .p-menuitem-link:focus { .p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none; outline: 0 none;
@ -2683,12 +2684,12 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
} }
.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: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
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;
} }
@ -2766,8 +2767,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1e1e1e; background: #1e1e1e;
font-weight: 600; font-weight: 600;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-megamenu .p-megamenu-submenu { .p-megamenu .p-megamenu-submenu {
padding: 0.25rem 0; padding: 0.25rem 0;
@ -2796,7 +2797,7 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
width: 12.5rem; width: 12.5rem;
} }
.p-menu .p-menuitem-link { .p-menu .p-menuitem-link {
@ -2856,7 +2857,7 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
} }
.p-menubar .p-menuitem-link { .p-menubar .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
@ -2895,7 +2896,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: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
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;
} }
@ -2962,7 +2963,7 @@
border: 0 none; border: 0 none;
width: 2.5rem; width: 2.5rem;
height: 2.5rem; height: 2.5rem;
border-radius: 4px; border-radius: 3px;
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 {
@ -3085,7 +3086,7 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1e1e1e; background: #1e1e1e;
font-weight: 600; font-weight: 600;
border-radius: 4px; border-radius: 3px;
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 {
@ -3128,8 +3129,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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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;
@ -3184,18 +3185,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: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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: 4px; border-radius: 3px;
background: transparent; background: transparent;
} }
.p-steps .p-steps-item .p-menuitem-link .p-steps-number { .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -3252,8 +3253,8 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
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;
} }
@ -3283,7 +3284,7 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
width: 12.5rem; width: 12.5rem;
} }
.p-tieredmenu .p-menuitem-link { .p-tieredmenu .p-menuitem-link {
@ -3350,7 +3351,7 @@
.p-inline-message { .p-inline-message {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
margin: 0; margin: 0;
border-radius: 4px; border-radius: 3px;
} }
.p-inline-message.p-inline-message-info { .p-inline-message.p-inline-message-info {
background: #B3E5FC; background: #B3E5FC;
@ -3401,7 +3402,7 @@
.p-message { .p-message {
margin: 1rem 0; margin: 1rem 0;
border-radius: 4px; border-radius: 3px;
} }
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
@ -3660,7 +3661,7 @@
.p-inplace .p-inplace-display { .p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
border-radius: 4px; border-radius: 3px;
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 {
@ -3677,8 +3678,8 @@
border: 0 none; border: 0 none;
height: 1.5rem; height: 1.5rem;
background: #383838; background: #383838;
border-radius: 4px; border-radius: 3px;
border-radius: 4px; border-radius: 3px;
} }
.p-progressbar .p-progressbar-value { .p-progressbar .p-progressbar-value {
border: 0 none; border: 0 none;
@ -3753,7 +3754,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: 4px; border-radius: 3px;
} }
.p-tag.p-tag-success { .p-tag.p-tag-success {
background-color: #C5E1A5; background-color: #C5E1A5;

View File

@ -1,11 +1,12 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--layer-0: #121212; --surface-a: #121212;
--layer-1: #1e1e1e; --surface-b: #121212;
--layer-2: #2b2b2b; --surface-c: #2b2b2b;
--layer-3: #383838; --surface-d: #383838;
--surface-e: #1e1e1e;
--text-color: rgba(255, 255, 255, 0.87); --text-color: rgba(255, 255, 255, 0.87);
--text-color-secondary: rgba(255, 255, 255, 0.6); --text-color-secondary: $shade100;
--primary-color: #BA68C8; --primary-color: #BA68C8;
--primary-color-text: #ffffff; --primary-color-text: #ffffff;
} }
@ -44,7 +45,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: 4px; border-radius: 3px;
} }
.p-link:focus { .p-link:focus {
outline: 0 none; outline: 0 none;
@ -85,7 +86,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #BA68C8; background: #BA68C8;
color: #ffffff; color: #ffffff;
border-radius: 4px; border-radius: 3px;
} }
.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;
@ -95,7 +96,7 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 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 {
@ -133,7 +134,7 @@
background: #383838; background: #383838;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
border: 1px solid #383838; border: 1px solid #383838;
@ -146,8 +147,8 @@
font-weight: 600; font-weight: 600;
margin: 0; margin: 0;
border-bottom: 1px solid #383838; border-bottom: 1px solid #383838;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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 {
@ -258,7 +259,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: 4px; border-radius: 3px;
} }
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #ffffff; color: #ffffff;
@ -314,7 +315,7 @@
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
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 {
@ -364,7 +365,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #BA68C8; background: #BA68C8;
color: #ffffff; color: #ffffff;
border-radius: 4px; border-radius: 3px;
} }
.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;
@ -406,7 +407,7 @@
background: #383838; background: #383838;
border: 1px solid #383838; border: 1px solid #383838;
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: 4px; border-radius: 3px;
} }
.p-dropdown:not(.p-disabled):hover { .p-dropdown:not(.p-disabled):hover {
border-color: #BA68C8; border-color: #BA68C8;
@ -432,8 +433,8 @@
background: #383838; background: #383838;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-dropdown .p-dropdown-clear-icon { .p-dropdown .p-dropdown-clear-icon {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
@ -444,7 +445,7 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 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 {
@ -453,8 +454,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1e1e1e; background: #1e1e1e;
margin: 0; margin: 0;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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;
@ -491,19 +492,19 @@
.p-editor-container .p-editor-toolbar { .p-editor-container .p-editor-toolbar {
border: 1px solid #383838; border: 1px solid #383838;
background: #1e1e1e; background: #1e1e1e;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-editor-container .p-editor-content { .p-editor-container .p-editor-content {
border: 1px solid #383838; border: 1px solid #383838;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-editor-container .p-editor-content .ql-editor { .p-editor-container .p-editor-content .ql-editor {
background: #383838; background: #383838;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-editor-container .ql-picker.ql-expanded .ql-picker-label { .p-editor-container .ql-picker.ql-expanded .ql-picker-label {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -582,15 +583,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: 4px; border-top-left-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-fluid .p-inputgroup .p-button { .p-fluid .p-inputgroup .p-button {
@ -652,7 +653,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: 4px; border-radius: 3px;
} }
.p-inputtext:enabled:hover { .p-inputtext:enabled:hover {
border-color: #BA68C8; border-color: #BA68C8;
@ -720,7 +721,7 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
} }
.p-listbox .p-listbox-header { .p-listbox .p-listbox-header {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -728,8 +729,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1e1e1e; background: #1e1e1e;
margin: 0; margin: 0;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-listbox .p-listbox-header .p-listbox-filter { .p-listbox .p-listbox-header .p-listbox-filter {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -771,7 +772,7 @@
background: #383838; background: #383838;
border: 1px solid #383838; border: 1px solid #383838;
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: 4px; border-radius: 3px;
} }
.p-multiselect:not(.p-disabled):hover { .p-multiselect:not(.p-disabled):hover {
border-color: #BA68C8; border-color: #BA68C8;
@ -792,15 +793,15 @@
background: #383838; background: #383838;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-multiselect-panel { .p-multiselect-panel {
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 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 {
@ -809,8 +810,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1e1e1e; background: #1e1e1e;
margin: 0; margin: 0;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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;
@ -994,7 +995,7 @@
.p-slider { .p-slider {
background: #383838; background: #383838;
border: 0 none; border: 0 none;
border-radius: 4px; border-radius: 3px;
} }
.p-slider.p-slider-horizontal { .p-slider.p-slider-horizontal {
height: 0.286rem; height: 0.286rem;
@ -1080,7 +1081,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: 4px; border-radius: 3px;
} }
.p-button:enabled:hover { .p-button:enabled:hover {
background: #AB47BC; background: #AB47BC;
@ -1349,8 +1350,8 @@
border: 1px solid #383838; border: 1px solid #383838;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 4px; border-top-left-radius: 3px;
border-top-right-radius: 4px; border-top-right-radius: 3px;
font-weight: 600; font-weight: 600;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1360,8 +1361,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: 4px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-datatable .p-datatable-thead > tr > th { .p-datatable .p-datatable-thead > tr > th {
text-align: left; text-align: left;
@ -1540,8 +1541,8 @@
border: 1px solid #383838; border: 1px solid #383838;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 4px; border-top-left-radius: 3px;
border-top-right-radius: 4px; border-top-right-radius: 3px;
font-weight: 600; font-weight: 600;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1560,8 +1561,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: 4px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.fc .fc-view-container th { .fc .fc-view-container th {
@ -1595,7 +1596,7 @@
border: 1px solid #BA68C8; border: 1px solid #BA68C8;
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: 4px; border-radius: 3px;
display: flex; display: flex;
align-items: center; align-items: center;
} }
@ -1656,12 +1657,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: 4px; border-top-left-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.fc .fc-toolbar .fc-button-group .fc-button:last-child { .fc .fc-toolbar .fc-button-group .fc-button:last-child {
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-orderlist .p-orderlist-controls { .p-orderlist .p-orderlist-controls {
@ -1677,16 +1678,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-orderlist .p-orderlist-list { .p-orderlist .p-orderlist-list {
border: 1px solid #383838; border: 1px solid #383838;
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item { .p-orderlist .p-orderlist-list .p-orderlist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1758,7 +1759,7 @@
bottom: -0.7em; bottom: -0.7em;
margin-left: -0.46em; margin-left: -0.46em;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-radius: 4px; border-radius: 3px;
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 {
@ -1776,7 +1777,7 @@
border: solid #383838; border: solid #383838;
border-width: 1px; border-width: 1px;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border-radius: 4px; border-radius: 3px;
} }
.p-paginator .p-paginator-first, .p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev, .p-paginator .p-paginator-prev,
@ -1789,7 +1790,7 @@
height: 2.286em; height: 2.286em;
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: 4px; border-radius: 3px;
} }
.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,
@ -1818,7 +1819,7 @@
height: 2.286em; height: 2.286em;
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: 4px; border-radius: 3px;
} }
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #BA68C8; background: #BA68C8;
@ -1844,16 +1845,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-picklist .p-picklist-list { .p-picklist .p-picklist-list {
border: 1px solid #383838; border: 1px solid #383838;
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-picklist .p-picklist-list .p-picklist-item { .p-picklist .p-picklist-list .p-picklist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1910,13 +1911,13 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 1rem; padding: 1rem;
border-radius: 4px; border-radius: 3px;
} }
.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: 4px; border-radius: 3px;
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;
} }
@ -1987,8 +1988,8 @@
border: 1px solid #383838; border: 1px solid #383838;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 4px; border-top-left-radius: 3px;
border-top-right-radius: 4px; border-top-right-radius: 3px;
font-weight: 600; font-weight: 600;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {
@ -1998,8 +1999,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: 4px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-treetable .p-treetable-thead > tr > th { .p-treetable .p-treetable-thead > tr > th {
text-align: left; text-align: left;
@ -2161,7 +2162,7 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1e1e1e; background: #1e1e1e;
font-weight: 600; font-weight: 600;
border-radius: 4px; border-radius: 3px;
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 {
@ -2197,8 +2198,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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-accordion .p-accordion-tab { .p-accordion .p-accordion-tab {
margin-bottom: 0; margin-bottom: 0;
@ -2213,19 +2214,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: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-card { .p-card {
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
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: 4px; border-radius: 3px;
} }
.p-card .p-card-body { .p-card .p-card-body {
padding: 1rem; padding: 1rem;
@ -2251,7 +2252,7 @@
border: 1px solid #383838; border: 1px solid #383838;
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
} }
.p-fieldset .p-fieldset-legend { .p-fieldset .p-fieldset-legend {
padding: 1rem; padding: 1rem;
@ -2259,7 +2260,7 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1e1e1e; background: #1e1e1e;
font-weight: 600; font-weight: 600;
border-radius: 4px; border-radius: 3px;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
@ -2268,7 +2269,7 @@
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem; padding: 1rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
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 {
@ -2290,8 +2291,8 @@
padding: 1rem; padding: 1rem;
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-panel .p-panel-header .p-panel-title { .p-panel .p-panel-header .p-panel-title {
font-weight: 600; font-weight: 600;
@ -2323,8 +2324,8 @@
border: 1px solid #383838; border: 1px solid #383838;
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
border-top: 0 none; border-top: 0 none;
} }
.p-panel .p-panel-footer { .p-panel .p-panel-footer {
@ -2350,8 +2351,8 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
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;
} }
@ -2377,22 +2378,22 @@
padding: 1rem; padding: 1rem;
border: 0 none; border: 0 none;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-toolbar { .p-toolbar {
background: #1e1e1e; background: #1e1e1e;
border: 1px solid #383838; border: 1px solid #383838;
padding: 1rem; padding: 1rem;
border-radius: 4px; border-radius: 3px;
} }
.p-toolbar .p-toolbar-separator { .p-toolbar .p-toolbar-separator {
margin: 0 0.5rem; margin: 0 0.5rem;
} }
.p-dialog { .p-dialog {
border-radius: 4px; border-radius: 3px;
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: 1px solid #383838; border: 1px solid #383838;
} }
@ -2401,8 +2402,8 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 1rem; padding: 1rem;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-dialog .p-dialog-header .p-dialog-title { .p-dialog .p-dialog-header .p-dialog-title {
font-weight: 600; font-weight: 600;
@ -2442,8 +2443,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 1rem; padding: 1rem;
text-align: right; text-align: right;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-dialog .p-dialog-footer button { .p-dialog .p-dialog-footer button {
margin: 0 0.5rem 0 0; margin: 0 0.5rem 0 0;
@ -2458,7 +2459,7 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
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 {
@ -2529,7 +2530,7 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
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: 4px; border-radius: 3px;
} }
.p-tooltip.p-tooltip-right .p-tooltip-arrow { .p-tooltip.p-tooltip-right .p-tooltip-arrow {
border-right-color: #383838; border-right-color: #383838;
@ -2550,8 +2551,8 @@
border: 1px solid #383838; border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-fileupload .p-fileupload-buttonbar .p-button { .p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2566,8 +2567,8 @@
padding: 2rem 1rem; padding: 2rem 1rem;
border: 1px solid #383838; border: 1px solid #383838;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
@ -2590,12 +2591,12 @@
.p-breadcrumb { .p-breadcrumb {
background: #1e1e1e; background: #1e1e1e;
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
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: 4px; border-radius: 3px;
} }
.p-breadcrumb ul li .p-menuitem-link:focus { .p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none; outline: 0 none;
@ -2683,12 +2684,12 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
} }
.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: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
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;
} }
@ -2766,8 +2767,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1e1e1e; background: #1e1e1e;
font-weight: 600; font-weight: 600;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-megamenu .p-megamenu-submenu { .p-megamenu .p-megamenu-submenu {
padding: 0.25rem 0; padding: 0.25rem 0;
@ -2796,7 +2797,7 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
width: 12.5rem; width: 12.5rem;
} }
.p-menu .p-menuitem-link { .p-menu .p-menuitem-link {
@ -2856,7 +2857,7 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
} }
.p-menubar .p-menuitem-link { .p-menubar .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
@ -2895,7 +2896,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: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
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;
} }
@ -2962,7 +2963,7 @@
border: 0 none; border: 0 none;
width: 2.5rem; width: 2.5rem;
height: 2.5rem; height: 2.5rem;
border-radius: 4px; border-radius: 3px;
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 {
@ -3085,7 +3086,7 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1e1e1e; background: #1e1e1e;
font-weight: 600; font-weight: 600;
border-radius: 4px; border-radius: 3px;
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 {
@ -3128,8 +3129,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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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;
@ -3184,18 +3185,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: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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: 4px; border-radius: 3px;
background: transparent; background: transparent;
} }
.p-steps .p-steps-item .p-menuitem-link .p-steps-number { .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -3252,8 +3253,8 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
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;
} }
@ -3283,7 +3284,7 @@
background: #1e1e1e; background: #1e1e1e;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838; border: 1px solid #383838;
border-radius: 4px; border-radius: 3px;
width: 12.5rem; width: 12.5rem;
} }
.p-tieredmenu .p-menuitem-link { .p-tieredmenu .p-menuitem-link {
@ -3350,7 +3351,7 @@
.p-inline-message { .p-inline-message {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
margin: 0; margin: 0;
border-radius: 4px; border-radius: 3px;
} }
.p-inline-message.p-inline-message-info { .p-inline-message.p-inline-message-info {
background: #B3E5FC; background: #B3E5FC;
@ -3401,7 +3402,7 @@
.p-message { .p-message {
margin: 1rem 0; margin: 1rem 0;
border-radius: 4px; border-radius: 3px;
} }
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
@ -3660,7 +3661,7 @@
.p-inplace .p-inplace-display { .p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
border-radius: 4px; border-radius: 3px;
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 {
@ -3677,8 +3678,8 @@
border: 0 none; border: 0 none;
height: 1.5rem; height: 1.5rem;
background: #383838; background: #383838;
border-radius: 4px; border-radius: 3px;
border-radius: 4px; border-radius: 3px;
} }
.p-progressbar .p-progressbar-value { .p-progressbar .p-progressbar-value {
border: 0 none; border: 0 none;
@ -3753,7 +3754,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: 4px; border-radius: 3px;
} }
.p-tag.p-tag-success { .p-tag.p-tag-success {
background-color: #C5E1A5; background-color: #C5E1A5;

View File

@ -1,8 +1,10 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--layer-0: #3f3f3f; --surface-a: #191919;
--layer-1: #323232; --surface-b: #191919;
--layer-2: #4c4c4c; --surface-c: #4c4c4c;
--surface-d: #2f2f2f;
--surface-e: #323232;
--text-color: #dedede; --text-color: #dedede;
--text-color-secondary: #888888; --text-color-secondary: #888888;
--primary-color: #FFE082; --primary-color: #FFE082;

View File

@ -1,8 +1,10 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--layer-0: #3f3f3f; --surface-a: #191919;
--layer-1: #323232; --surface-b: #191919;
--layer-2: #4c4c4c; --surface-c: #4c4c4c;
--surface-d: #2f2f2f;
--surface-e: #323232;
--text-color: #dedede; --text-color: #dedede;
--text-color-secondary: #888888; --text-color-secondary: #888888;
--primary-color: #81D4FA; --primary-color: #81D4FA;

View File

@ -1,8 +1,10 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--layer-0: #3f3f3f; --surface-a: #191919;
--layer-1: #323232; --surface-b: #191919;
--layer-2: #4c4c4c; --surface-c: #4c4c4c;
--surface-d: #2f2f2f;
--surface-e: #323232;
--text-color: #dedede; --text-color: #dedede;
--text-color-secondary: #888888; --text-color-secondary: #888888;
--primary-color: #C5E1A5; --primary-color: #C5E1A5;

View File

@ -1,8 +1,10 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--layer-0: #3f3f3f; --surface-a: #191919;
--layer-1: #323232; --surface-b: #191919;
--layer-2: #4c4c4c; --surface-c: #4c4c4c;
--surface-d: #2f2f2f;
--surface-e: #323232;
--text-color: #dedede; --text-color: #dedede;
--text-color-secondary: #888888; --text-color-secondary: #888888;
--primary-color: #F48FB1; --primary-color: #F48FB1;

View File

@ -1,8 +1,10 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--layer-0: #ffffff; --surface-a: #ffffff;
--layer-1: #f4f4f4; --surface-b: #f4f4f4;
--layer-2: #eaeaea; --surface-c: #eaeaea;
--surface-d: #c8c8c8;
--surface-e: #ffffff;
--text-color: #333333; --text-color: #333333;
--text-color-secondary: #848484; --text-color-secondary: #848484;
--primary-color: #007ad9; --primary-color: #007ad9;

View File

@ -1,8 +1,10 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--layer-0: #ffffff; --surface-a: #ffffff;
--layer-1: #f4f4f4; --surface-b: #f4f4f4;
--layer-2: #eaeaea; --surface-c: #eaeaea;
--surface-d: #c8c8c8;
--surface-e: #ffffff;
--text-color: #333333; --text-color: #333333;
--text-color-secondary: #848484; --text-color-secondary: #848484;
--primary-color: #007ad9; --primary-color: #007ad9;

View File

@ -1,8 +1,10 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--layer-0: #ffffff; --surface-a: #ffffff;
--layer-1: #f4f4f4; --surface-b: #f4f4f4;
--layer-2: #eaeaea; --surface-c: #eaeaea;
--surface-d: #c8c8c8;
--surface-e: #ffffff;
--text-color: #333333; --text-color: #333333;
--text-color-secondary: #848484; --text-color-secondary: #848484;
--primary-color: #41b883; --primary-color: #41b883;

View File

@ -1,8 +1,10 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--layer-0: #ffffff; --surface-a: #ffffff;
--layer-1: #f4f4f4; --surface-b: #f4f4f4;
--layer-2: #eaeaea; --surface-c: #eaeaea;
--surface-d: #c8c8c8;
--surface-e: #ffffff;
--text-color: #333333; --text-color: #333333;
--text-color-secondary: #848484; --text-color-secondary: #848484;
--primary-color: #007ad9; --primary-color: #007ad9;

View File

@ -1,8 +1,10 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--layer-0: #ffffff; --surface-a: #ffffff;
--layer-1: #f4f4f4; --surface-b: #f4f4f4;
--layer-2: #eaeaea; --surface-c: #eaeaea;
--surface-d: #dadada;
--surface-e: #ffffff;
--text-color: #495057; --text-color: #495057;
--text-color-secondary: #6c757d; --text-color-secondary: #6c757d;
--primary-color: #7B95A3; --primary-color: #7B95A3;

View File

@ -1,9 +1,10 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--layer-0: #ffffff; --surface-a: #ffffff;
--layer-1: #f8f9fa; --surface-b: #f8f9fa;
--layer-2: #e9ecef; --surface-c: #e9ecef;
--layer-3: #dee2e6; --surface-d: #dee2e6;
--surface-e: #ffffff;
--text-color: #495057; --text-color: #495057;
--text-color-secondary: $shade600; --text-color-secondary: $shade600;
--primary-color: #2196F3; --primary-color: #2196F3;
@ -44,7 +45,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: 4px; border-radius: 3px;
} }
.p-link:focus { .p-link:focus {
outline: 0 none; outline: 0 none;
@ -85,7 +86,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #2196F3; background: #2196F3;
color: #ffffff; color: #ffffff;
border-radius: 4px; border-radius: 3px;
} }
.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;
@ -95,7 +96,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 4px; border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 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 {
@ -133,7 +134,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #ced4da; border: 1px solid #ced4da;
border-radius: 4px; border-radius: 3px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
border: 0 none; border: 0 none;
@ -146,8 +147,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: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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 {
@ -258,7 +259,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: 4px; border-radius: 3px;
} }
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #ffffff; color: #ffffff;
@ -314,7 +315,7 @@
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: #495057; color: #495057;
border-radius: 4px; border-radius: 3px;
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 {
@ -364,7 +365,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #2196F3; background: #2196F3;
color: #ffffff; color: #ffffff;
border-radius: 4px; border-radius: 3px;
} }
.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;
@ -406,7 +407,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: 4px; border-radius: 3px;
} }
.p-dropdown:not(.p-disabled):hover { .p-dropdown:not(.p-disabled):hover {
border-color: #2196F3; border-color: #2196F3;
@ -432,8 +433,8 @@
background: #ffffff; background: #ffffff;
color: #6c757d; color: #6c757d;
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-dropdown .p-dropdown-clear-icon { .p-dropdown .p-dropdown-clear-icon {
color: #6c757d; color: #6c757d;
@ -444,7 +445,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 4px; border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 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 {
@ -453,8 +454,8 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
margin: 0; margin: 0;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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;
@ -491,19 +492,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: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-editor-container .p-editor-content { .p-editor-container .p-editor-content {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-editor-container .ql-picker.ql-expanded .ql-picker-label { .p-editor-container .ql-picker.ql-expanded .ql-picker-label {
color: #495057; color: #495057;
@ -582,15 +583,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: 4px; border-top-left-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-fluid .p-inputgroup .p-button { .p-fluid .p-inputgroup .p-button {
@ -652,7 +653,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: 4px; border-radius: 3px;
} }
.p-inputtext:enabled:hover { .p-inputtext:enabled:hover {
border-color: #2196F3; border-color: #2196F3;
@ -720,7 +721,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #ced4da; border: 1px solid #ced4da;
border-radius: 4px; border-radius: 3px;
} }
.p-listbox .p-listbox-header { .p-listbox .p-listbox-header {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -728,8 +729,8 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
margin: 0; margin: 0;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-listbox .p-listbox-header .p-listbox-filter { .p-listbox .p-listbox-header .p-listbox-filter {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -771,7 +772,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: 4px; border-radius: 3px;
} }
.p-multiselect:not(.p-disabled):hover { .p-multiselect:not(.p-disabled):hover {
border-color: #2196F3; border-color: #2196F3;
@ -792,15 +793,15 @@
background: #ffffff; background: #ffffff;
color: #6c757d; color: #6c757d;
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-multiselect-panel { .p-multiselect-panel {
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 4px; border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 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 {
@ -809,8 +810,8 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
margin: 0; margin: 0;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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;
@ -994,7 +995,7 @@
.p-slider { .p-slider {
background: #dee2e6; background: #dee2e6;
border: 0 none; border: 0 none;
border-radius: 4px; border-radius: 3px;
} }
.p-slider.p-slider-horizontal { .p-slider.p-slider-horizontal {
height: 0.286rem; height: 0.286rem;
@ -1080,7 +1081,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: 4px; border-radius: 3px;
} }
.p-button:enabled:hover { .p-button:enabled:hover {
background: #1E88E5; background: #1E88E5;
@ -1349,8 +1350,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: 4px; border-top-left-radius: 3px;
border-top-right-radius: 4px; border-top-right-radius: 3px;
font-weight: 600; font-weight: 600;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1360,8 +1361,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: 4px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-datatable .p-datatable-thead > tr > th { .p-datatable .p-datatable-thead > tr > th {
text-align: left; text-align: left;
@ -1540,8 +1541,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: 4px; border-top-left-radius: 3px;
border-top-right-radius: 4px; border-top-right-radius: 3px;
font-weight: 600; font-weight: 600;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1560,8 +1561,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: 4px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.fc .fc-view-container th { .fc .fc-view-container th {
@ -1595,7 +1596,7 @@
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: 4px; border-radius: 3px;
display: flex; display: flex;
align-items: center; align-items: center;
} }
@ -1656,12 +1657,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: 4px; border-top-left-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.fc .fc-toolbar .fc-button-group .fc-button:last-child { .fc .fc-toolbar .fc-button-group .fc-button:last-child {
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-orderlist .p-orderlist-controls { .p-orderlist .p-orderlist-controls {
@ -1677,16 +1678,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item { .p-orderlist .p-orderlist-list .p-orderlist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1758,7 +1759,7 @@
bottom: -0.7em; bottom: -0.7em;
margin-left: -0.46em; margin-left: -0.46em;
color: #6c757d; color: #6c757d;
border-radius: 4px; border-radius: 3px;
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 {
@ -1776,7 +1777,7 @@
border: solid #e9ecef; border: solid #e9ecef;
border-width: 0; border-width: 0;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border-radius: 4px; border-radius: 3px;
} }
.p-paginator .p-paginator-first, .p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev, .p-paginator .p-paginator-prev,
@ -1789,7 +1790,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: 4px; border-radius: 3px;
} }
.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,
@ -1818,7 +1819,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: 4px; border-radius: 3px;
} }
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #2196F3; background: #2196F3;
@ -1844,16 +1845,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-picklist .p-picklist-list .p-picklist-item { .p-picklist .p-picklist-list .p-picklist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1910,13 +1911,13 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 1rem; padding: 1rem;
border-radius: 4px; border-radius: 3px;
} }
.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: 4px; border-radius: 3px;
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;
} }
@ -1987,8 +1988,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: 4px; border-top-left-radius: 3px;
border-top-right-radius: 4px; border-top-right-radius: 3px;
font-weight: 600; font-weight: 600;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {
@ -1998,8 +1999,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: 4px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-treetable .p-treetable-thead > tr > th { .p-treetable .p-treetable-thead > tr > th {
text-align: left; text-align: left;
@ -2161,7 +2162,7 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
font-weight: 600; font-weight: 600;
border-radius: 4px; border-radius: 3px;
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 {
@ -2197,8 +2198,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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-accordion .p-accordion-tab { .p-accordion .p-accordion-tab {
margin-bottom: 0; margin-bottom: 0;
@ -2213,19 +2214,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: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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: 4px; border-radius: 3px;
} }
.p-card .p-card-body { .p-card .p-card-body {
padding: 1rem; padding: 1rem;
@ -2251,7 +2252,7 @@
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border-radius: 4px; border-radius: 3px;
} }
.p-fieldset .p-fieldset-legend { .p-fieldset .p-fieldset-legend {
padding: 1rem; padding: 1rem;
@ -2259,7 +2260,7 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
font-weight: 600; font-weight: 600;
border-radius: 4px; border-radius: 3px;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
@ -2268,7 +2269,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: 4px; border-radius: 3px;
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 {
@ -2290,8 +2291,8 @@
padding: 1rem; padding: 1rem;
background: #f8f9fa; background: #f8f9fa;
color: #495057; color: #495057;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-panel .p-panel-header .p-panel-title { .p-panel .p-panel-header .p-panel-title {
font-weight: 600; font-weight: 600;
@ -2323,8 +2324,8 @@
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
border-top: 0 none; border-top: 0 none;
} }
.p-panel .p-panel-footer { .p-panel .p-panel-footer {
@ -2350,8 +2351,8 @@
color: #6c757d; color: #6c757d;
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
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;
} }
@ -2377,22 +2378,22 @@
padding: 1rem; padding: 1rem;
border: 0 none; border: 0 none;
color: #495057; color: #495057;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-toolbar { .p-toolbar {
background: #f8f9fa; background: #f8f9fa;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
padding: 1rem; padding: 1rem;
border-radius: 4px; border-radius: 3px;
} }
.p-toolbar .p-toolbar-separator { .p-toolbar .p-toolbar-separator {
margin: 0 0.5rem; margin: 0 0.5rem;
} }
.p-dialog { .p-dialog {
border-radius: 4px; border-radius: 3px;
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;
} }
@ -2401,8 +2402,8 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 1rem; padding: 1rem;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-dialog .p-dialog-header .p-dialog-title { .p-dialog .p-dialog-header .p-dialog-title {
font-weight: 600; font-weight: 600;
@ -2442,8 +2443,8 @@
color: #495057; color: #495057;
padding: 1rem; padding: 1rem;
text-align: right; text-align: right;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-dialog .p-dialog-footer button { .p-dialog .p-dialog-footer button {
margin: 0 0.5rem 0 0; margin: 0 0.5rem 0 0;
@ -2458,7 +2459,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 4px; border-radius: 3px;
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 {
@ -2529,7 +2530,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: 4px; border-radius: 3px;
} }
.p-tooltip.p-tooltip-right .p-tooltip-arrow { .p-tooltip.p-tooltip-right .p-tooltip-arrow {
border-right-color: #495057; border-right-color: #495057;
@ -2550,8 +2551,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: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-fileupload .p-fileupload-buttonbar .p-button { .p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2566,8 +2567,8 @@
padding: 2rem 1rem; padding: 2rem 1rem;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
color: #495057; color: #495057;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
@ -2590,12 +2591,12 @@
.p-breadcrumb { .p-breadcrumb {
background: #ffffff; background: #ffffff;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 4px; border-radius: 3px;
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: 4px; border-radius: 3px;
} }
.p-breadcrumb ul li .p-menuitem-link:focus { .p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none; outline: 0 none;
@ -2683,12 +2684,12 @@
background: #f8f9fa; background: #f8f9fa;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 4px; border-radius: 3px;
} }
.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: 4px; border-radius: 3px;
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;
} }
@ -2766,8 +2767,8 @@
color: #495057; color: #495057;
background: #ffffff; background: #ffffff;
font-weight: 600; font-weight: 600;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-megamenu .p-megamenu-submenu { .p-megamenu .p-megamenu-submenu {
padding: 0.25rem 0; padding: 0.25rem 0;
@ -2796,7 +2797,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 4px; border-radius: 3px;
width: 12.5rem; width: 12.5rem;
} }
.p-menu .p-menuitem-link { .p-menu .p-menuitem-link {
@ -2856,7 +2857,7 @@
background: #f8f9fa; background: #f8f9fa;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 4px; border-radius: 3px;
} }
.p-menubar .p-menuitem-link { .p-menubar .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
@ -2895,7 +2896,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: 4px; border-radius: 3px;
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;
} }
@ -2962,7 +2963,7 @@
border: 0 none; border: 0 none;
width: 2.5rem; width: 2.5rem;
height: 2.5rem; height: 2.5rem;
border-radius: 4px; border-radius: 3px;
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 {
@ -3085,7 +3086,7 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
font-weight: 600; font-weight: 600;
border-radius: 4px; border-radius: 3px;
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 {
@ -3128,8 +3129,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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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;
@ -3184,18 +3185,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: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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: 4px; border-radius: 3px;
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 {
@ -3252,8 +3253,8 @@
color: #6c757d; color: #6c757d;
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
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;
} }
@ -3283,7 +3284,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 4px; border-radius: 3px;
width: 12.5rem; width: 12.5rem;
} }
.p-tieredmenu .p-menuitem-link { .p-tieredmenu .p-menuitem-link {
@ -3350,7 +3351,7 @@
.p-inline-message { .p-inline-message {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
margin: 0; margin: 0;
border-radius: 4px; border-radius: 3px;
} }
.p-inline-message.p-inline-message-info { .p-inline-message.p-inline-message-info {
background: #B3E5FC; background: #B3E5FC;
@ -3401,7 +3402,7 @@
.p-message { .p-message {
margin: 1rem 0; margin: 1rem 0;
border-radius: 4px; border-radius: 3px;
} }
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
@ -3660,7 +3661,7 @@
.p-inplace .p-inplace-display { .p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
border-radius: 4px; border-radius: 3px;
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 {
@ -3677,8 +3678,8 @@
border: 0 none; border: 0 none;
height: 1.5rem; height: 1.5rem;
background: #dee2e6; background: #dee2e6;
border-radius: 4px; border-radius: 3px;
border-radius: 4px; border-radius: 3px;
} }
.p-progressbar .p-progressbar-value { .p-progressbar .p-progressbar-value {
border: 0 none; border: 0 none;
@ -3753,7 +3754,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: 4px; border-radius: 3px;
} }
.p-tag.p-tag-success { .p-tag.p-tag-success {
background-color: #689F38; background-color: #689F38;

View File

@ -1,9 +1,10 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--layer-0: #ffffff; --surface-a: #ffffff;
--layer-1: #f8f9fa; --surface-b: #f8f9fa;
--layer-2: #e9ecef; --surface-c: #e9ecef;
--layer-3: #dee2e6; --surface-d: #dee2e6;
--surface-e: #ffffff;
--text-color: #495057; --text-color: #495057;
--text-color-secondary: $shade600; --text-color-secondary: $shade600;
--primary-color: #4CAF50; --primary-color: #4CAF50;
@ -44,7 +45,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: 4px; border-radius: 3px;
} }
.p-link:focus { .p-link:focus {
outline: 0 none; outline: 0 none;
@ -85,7 +86,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #4CAF50; background: #4CAF50;
color: #ffffff; color: #ffffff;
border-radius: 4px; border-radius: 3px;
} }
.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;
@ -95,7 +96,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 4px; border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 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 {
@ -133,7 +134,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #ced4da; border: 1px solid #ced4da;
border-radius: 4px; border-radius: 3px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
border: 0 none; border: 0 none;
@ -146,8 +147,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: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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 {
@ -258,7 +259,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: 4px; border-radius: 3px;
} }
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #ffffff; color: #ffffff;
@ -314,7 +315,7 @@
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: #495057; color: #495057;
border-radius: 4px; border-radius: 3px;
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 {
@ -364,7 +365,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #4CAF50; background: #4CAF50;
color: #ffffff; color: #ffffff;
border-radius: 4px; border-radius: 3px;
} }
.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;
@ -406,7 +407,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: 4px; border-radius: 3px;
} }
.p-dropdown:not(.p-disabled):hover { .p-dropdown:not(.p-disabled):hover {
border-color: #4CAF50; border-color: #4CAF50;
@ -432,8 +433,8 @@
background: #ffffff; background: #ffffff;
color: #6c757d; color: #6c757d;
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-dropdown .p-dropdown-clear-icon { .p-dropdown .p-dropdown-clear-icon {
color: #6c757d; color: #6c757d;
@ -444,7 +445,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 4px; border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 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 {
@ -453,8 +454,8 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
margin: 0; margin: 0;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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;
@ -491,19 +492,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: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-editor-container .p-editor-content { .p-editor-container .p-editor-content {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-editor-container .ql-picker.ql-expanded .ql-picker-label { .p-editor-container .ql-picker.ql-expanded .ql-picker-label {
color: #495057; color: #495057;
@ -582,15 +583,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: 4px; border-top-left-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-fluid .p-inputgroup .p-button { .p-fluid .p-inputgroup .p-button {
@ -652,7 +653,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: 4px; border-radius: 3px;
} }
.p-inputtext:enabled:hover { .p-inputtext:enabled:hover {
border-color: #4CAF50; border-color: #4CAF50;
@ -720,7 +721,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #ced4da; border: 1px solid #ced4da;
border-radius: 4px; border-radius: 3px;
} }
.p-listbox .p-listbox-header { .p-listbox .p-listbox-header {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -728,8 +729,8 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
margin: 0; margin: 0;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-listbox .p-listbox-header .p-listbox-filter { .p-listbox .p-listbox-header .p-listbox-filter {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -771,7 +772,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: 4px; border-radius: 3px;
} }
.p-multiselect:not(.p-disabled):hover { .p-multiselect:not(.p-disabled):hover {
border-color: #4CAF50; border-color: #4CAF50;
@ -792,15 +793,15 @@
background: #ffffff; background: #ffffff;
color: #6c757d; color: #6c757d;
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-multiselect-panel { .p-multiselect-panel {
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 4px; border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 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 {
@ -809,8 +810,8 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
margin: 0; margin: 0;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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;
@ -994,7 +995,7 @@
.p-slider { .p-slider {
background: #dee2e6; background: #dee2e6;
border: 0 none; border: 0 none;
border-radius: 4px; border-radius: 3px;
} }
.p-slider.p-slider-horizontal { .p-slider.p-slider-horizontal {
height: 0.286rem; height: 0.286rem;
@ -1080,7 +1081,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: 4px; border-radius: 3px;
} }
.p-button:enabled:hover { .p-button:enabled:hover {
background: #43A047; background: #43A047;
@ -1349,8 +1350,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: 4px; border-top-left-radius: 3px;
border-top-right-radius: 4px; border-top-right-radius: 3px;
font-weight: 600; font-weight: 600;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1360,8 +1361,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: 4px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-datatable .p-datatable-thead > tr > th { .p-datatable .p-datatable-thead > tr > th {
text-align: left; text-align: left;
@ -1540,8 +1541,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: 4px; border-top-left-radius: 3px;
border-top-right-radius: 4px; border-top-right-radius: 3px;
font-weight: 600; font-weight: 600;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1560,8 +1561,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: 4px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.fc .fc-view-container th { .fc .fc-view-container th {
@ -1595,7 +1596,7 @@
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: 4px; border-radius: 3px;
display: flex; display: flex;
align-items: center; align-items: center;
} }
@ -1656,12 +1657,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: 4px; border-top-left-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.fc .fc-toolbar .fc-button-group .fc-button:last-child { .fc .fc-toolbar .fc-button-group .fc-button:last-child {
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-orderlist .p-orderlist-controls { .p-orderlist .p-orderlist-controls {
@ -1677,16 +1678,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item { .p-orderlist .p-orderlist-list .p-orderlist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1758,7 +1759,7 @@
bottom: -0.7em; bottom: -0.7em;
margin-left: -0.46em; margin-left: -0.46em;
color: #6c757d; color: #6c757d;
border-radius: 4px; border-radius: 3px;
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 {
@ -1776,7 +1777,7 @@
border: solid #e9ecef; border: solid #e9ecef;
border-width: 0; border-width: 0;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border-radius: 4px; border-radius: 3px;
} }
.p-paginator .p-paginator-first, .p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev, .p-paginator .p-paginator-prev,
@ -1789,7 +1790,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: 4px; border-radius: 3px;
} }
.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,
@ -1818,7 +1819,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: 4px; border-radius: 3px;
} }
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #4CAF50; background: #4CAF50;
@ -1844,16 +1845,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-picklist .p-picklist-list .p-picklist-item { .p-picklist .p-picklist-list .p-picklist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1910,13 +1911,13 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 1rem; padding: 1rem;
border-radius: 4px; border-radius: 3px;
} }
.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: 4px; border-radius: 3px;
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;
} }
@ -1987,8 +1988,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: 4px; border-top-left-radius: 3px;
border-top-right-radius: 4px; border-top-right-radius: 3px;
font-weight: 600; font-weight: 600;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {
@ -1998,8 +1999,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: 4px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-treetable .p-treetable-thead > tr > th { .p-treetable .p-treetable-thead > tr > th {
text-align: left; text-align: left;
@ -2161,7 +2162,7 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
font-weight: 600; font-weight: 600;
border-radius: 4px; border-radius: 3px;
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 {
@ -2197,8 +2198,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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-accordion .p-accordion-tab { .p-accordion .p-accordion-tab {
margin-bottom: 0; margin-bottom: 0;
@ -2213,19 +2214,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: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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: 4px; border-radius: 3px;
} }
.p-card .p-card-body { .p-card .p-card-body {
padding: 1rem; padding: 1rem;
@ -2251,7 +2252,7 @@
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border-radius: 4px; border-radius: 3px;
} }
.p-fieldset .p-fieldset-legend { .p-fieldset .p-fieldset-legend {
padding: 1rem; padding: 1rem;
@ -2259,7 +2260,7 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
font-weight: 600; font-weight: 600;
border-radius: 4px; border-radius: 3px;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
@ -2268,7 +2269,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: 4px; border-radius: 3px;
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 {
@ -2290,8 +2291,8 @@
padding: 1rem; padding: 1rem;
background: #f8f9fa; background: #f8f9fa;
color: #495057; color: #495057;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-panel .p-panel-header .p-panel-title { .p-panel .p-panel-header .p-panel-title {
font-weight: 600; font-weight: 600;
@ -2323,8 +2324,8 @@
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
border-top: 0 none; border-top: 0 none;
} }
.p-panel .p-panel-footer { .p-panel .p-panel-footer {
@ -2350,8 +2351,8 @@
color: #6c757d; color: #6c757d;
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
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;
} }
@ -2377,22 +2378,22 @@
padding: 1rem; padding: 1rem;
border: 0 none; border: 0 none;
color: #495057; color: #495057;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-toolbar { .p-toolbar {
background: #f8f9fa; background: #f8f9fa;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
padding: 1rem; padding: 1rem;
border-radius: 4px; border-radius: 3px;
} }
.p-toolbar .p-toolbar-separator { .p-toolbar .p-toolbar-separator {
margin: 0 0.5rem; margin: 0 0.5rem;
} }
.p-dialog { .p-dialog {
border-radius: 4px; border-radius: 3px;
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;
} }
@ -2401,8 +2402,8 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 1rem; padding: 1rem;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-dialog .p-dialog-header .p-dialog-title { .p-dialog .p-dialog-header .p-dialog-title {
font-weight: 600; font-weight: 600;
@ -2442,8 +2443,8 @@
color: #495057; color: #495057;
padding: 1rem; padding: 1rem;
text-align: right; text-align: right;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-dialog .p-dialog-footer button { .p-dialog .p-dialog-footer button {
margin: 0 0.5rem 0 0; margin: 0 0.5rem 0 0;
@ -2458,7 +2459,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 4px; border-radius: 3px;
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 {
@ -2529,7 +2530,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: 4px; border-radius: 3px;
} }
.p-tooltip.p-tooltip-right .p-tooltip-arrow { .p-tooltip.p-tooltip-right .p-tooltip-arrow {
border-right-color: #495057; border-right-color: #495057;
@ -2550,8 +2551,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: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-fileupload .p-fileupload-buttonbar .p-button { .p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2566,8 +2567,8 @@
padding: 2rem 1rem; padding: 2rem 1rem;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
color: #495057; color: #495057;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
@ -2590,12 +2591,12 @@
.p-breadcrumb { .p-breadcrumb {
background: #ffffff; background: #ffffff;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 4px; border-radius: 3px;
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: 4px; border-radius: 3px;
} }
.p-breadcrumb ul li .p-menuitem-link:focus { .p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none; outline: 0 none;
@ -2683,12 +2684,12 @@
background: #f8f9fa; background: #f8f9fa;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 4px; border-radius: 3px;
} }
.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: 4px; border-radius: 3px;
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;
} }
@ -2766,8 +2767,8 @@
color: #495057; color: #495057;
background: #ffffff; background: #ffffff;
font-weight: 600; font-weight: 600;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-megamenu .p-megamenu-submenu { .p-megamenu .p-megamenu-submenu {
padding: 0.25rem 0; padding: 0.25rem 0;
@ -2796,7 +2797,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 4px; border-radius: 3px;
width: 12.5rem; width: 12.5rem;
} }
.p-menu .p-menuitem-link { .p-menu .p-menuitem-link {
@ -2856,7 +2857,7 @@
background: #f8f9fa; background: #f8f9fa;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 4px; border-radius: 3px;
} }
.p-menubar .p-menuitem-link { .p-menubar .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
@ -2895,7 +2896,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: 4px; border-radius: 3px;
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;
} }
@ -2962,7 +2963,7 @@
border: 0 none; border: 0 none;
width: 2.5rem; width: 2.5rem;
height: 2.5rem; height: 2.5rem;
border-radius: 4px; border-radius: 3px;
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 {
@ -3085,7 +3086,7 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
font-weight: 600; font-weight: 600;
border-radius: 4px; border-radius: 3px;
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 {
@ -3128,8 +3129,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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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;
@ -3184,18 +3185,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: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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: 4px; border-radius: 3px;
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 {
@ -3252,8 +3253,8 @@
color: #6c757d; color: #6c757d;
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
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;
} }
@ -3283,7 +3284,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 4px; border-radius: 3px;
width: 12.5rem; width: 12.5rem;
} }
.p-tieredmenu .p-menuitem-link { .p-tieredmenu .p-menuitem-link {
@ -3350,7 +3351,7 @@
.p-inline-message { .p-inline-message {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
margin: 0; margin: 0;
border-radius: 4px; border-radius: 3px;
} }
.p-inline-message.p-inline-message-info { .p-inline-message.p-inline-message-info {
background: #B3E5FC; background: #B3E5FC;
@ -3401,7 +3402,7 @@
.p-message { .p-message {
margin: 1rem 0; margin: 1rem 0;
border-radius: 4px; border-radius: 3px;
} }
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
@ -3660,7 +3661,7 @@
.p-inplace .p-inplace-display { .p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
border-radius: 4px; border-radius: 3px;
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 {
@ -3677,8 +3678,8 @@
border: 0 none; border: 0 none;
height: 1.5rem; height: 1.5rem;
background: #dee2e6; background: #dee2e6;
border-radius: 4px; border-radius: 3px;
border-radius: 4px; border-radius: 3px;
} }
.p-progressbar .p-progressbar-value { .p-progressbar .p-progressbar-value {
border: 0 none; border: 0 none;
@ -3753,7 +3754,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: 4px; border-radius: 3px;
} }
.p-tag.p-tag-success { .p-tag.p-tag-success {
background-color: #689F38; background-color: #689F38;

View File

@ -1,9 +1,10 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--layer-0: #ffffff; --surface-a: #ffffff;
--layer-1: #f8f9fa; --surface-b: #f8f9fa;
--layer-2: #e9ecef; --surface-c: #e9ecef;
--layer-3: #dee2e6; --surface-d: #dee2e6;
--surface-e: #ffffff;
--text-color: #495057; --text-color: #495057;
--text-color-secondary: $shade600; --text-color-secondary: $shade600;
--primary-color: #FFC107; --primary-color: #FFC107;
@ -44,7 +45,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: 4px; border-radius: 3px;
} }
.p-link:focus { .p-link:focus {
outline: 0 none; outline: 0 none;
@ -85,7 +86,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #FFC107; background: #FFC107;
color: #212529; color: #212529;
border-radius: 4px; border-radius: 3px;
} }
.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;
@ -95,7 +96,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 4px; border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 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 {
@ -133,7 +134,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #ced4da; border: 1px solid #ced4da;
border-radius: 4px; border-radius: 3px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
border: 0 none; border: 0 none;
@ -146,8 +147,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: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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 {
@ -258,7 +259,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: 4px; border-radius: 3px;
} }
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #212529; color: #212529;
@ -314,7 +315,7 @@
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: #495057; color: #495057;
border-radius: 4px; border-radius: 3px;
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 {
@ -364,7 +365,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #FFC107; background: #FFC107;
color: #212529; color: #212529;
border-radius: 4px; border-radius: 3px;
} }
.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;
@ -406,7 +407,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: 4px; border-radius: 3px;
} }
.p-dropdown:not(.p-disabled):hover { .p-dropdown:not(.p-disabled):hover {
border-color: #FFC107; border-color: #FFC107;
@ -432,8 +433,8 @@
background: #ffffff; background: #ffffff;
color: #6c757d; color: #6c757d;
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-dropdown .p-dropdown-clear-icon { .p-dropdown .p-dropdown-clear-icon {
color: #6c757d; color: #6c757d;
@ -444,7 +445,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 4px; border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 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 {
@ -453,8 +454,8 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
margin: 0; margin: 0;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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;
@ -491,19 +492,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: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-editor-container .p-editor-content { .p-editor-container .p-editor-content {
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-editor-container .ql-picker.ql-expanded .ql-picker-label { .p-editor-container .ql-picker.ql-expanded .ql-picker-label {
color: #495057; color: #495057;
@ -582,15 +583,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: 4px; border-top-left-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-fluid .p-inputgroup .p-button { .p-fluid .p-inputgroup .p-button {
@ -652,7 +653,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: 4px; border-radius: 3px;
} }
.p-inputtext:enabled:hover { .p-inputtext:enabled:hover {
border-color: #FFC107; border-color: #FFC107;
@ -720,7 +721,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #ced4da; border: 1px solid #ced4da;
border-radius: 4px; border-radius: 3px;
} }
.p-listbox .p-listbox-header { .p-listbox .p-listbox-header {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -728,8 +729,8 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
margin: 0; margin: 0;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-listbox .p-listbox-header .p-listbox-filter { .p-listbox .p-listbox-header .p-listbox-filter {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -771,7 +772,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: 4px; border-radius: 3px;
} }
.p-multiselect:not(.p-disabled):hover { .p-multiselect:not(.p-disabled):hover {
border-color: #FFC107; border-color: #FFC107;
@ -792,15 +793,15 @@
background: #ffffff; background: #ffffff;
color: #6c757d; color: #6c757d;
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-multiselect-panel { .p-multiselect-panel {
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 4px; border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 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 {
@ -809,8 +810,8 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
margin: 0; margin: 0;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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;
@ -994,7 +995,7 @@
.p-slider { .p-slider {
background: #dee2e6; background: #dee2e6;
border: 0 none; border: 0 none;
border-radius: 4px; border-radius: 3px;
} }
.p-slider.p-slider-horizontal { .p-slider.p-slider-horizontal {
height: 0.286rem; height: 0.286rem;
@ -1080,7 +1081,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: 4px; border-radius: 3px;
} }
.p-button:enabled:hover { .p-button:enabled:hover {
background: #FFB300; background: #FFB300;
@ -1349,8 +1350,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: 4px; border-top-left-radius: 3px;
border-top-right-radius: 4px; border-top-right-radius: 3px;
font-weight: 600; font-weight: 600;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1360,8 +1361,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: 4px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-datatable .p-datatable-thead > tr > th { .p-datatable .p-datatable-thead > tr > th {
text-align: left; text-align: left;
@ -1540,8 +1541,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: 4px; border-top-left-radius: 3px;
border-top-right-radius: 4px; border-top-right-radius: 3px;
font-weight: 600; font-weight: 600;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1560,8 +1561,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: 4px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.fc .fc-view-container th { .fc .fc-view-container th {
@ -1595,7 +1596,7 @@
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: 4px; border-radius: 3px;
display: flex; display: flex;
align-items: center; align-items: center;
} }
@ -1656,12 +1657,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: 4px; border-top-left-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.fc .fc-toolbar .fc-button-group .fc-button:last-child { .fc .fc-toolbar .fc-button-group .fc-button:last-child {
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-orderlist .p-orderlist-controls { .p-orderlist .p-orderlist-controls {
@ -1677,16 +1678,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item { .p-orderlist .p-orderlist-list .p-orderlist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1758,7 +1759,7 @@
bottom: -0.7em; bottom: -0.7em;
margin-left: -0.46em; margin-left: -0.46em;
color: #6c757d; color: #6c757d;
border-radius: 4px; border-radius: 3px;
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 {
@ -1776,7 +1777,7 @@
border: solid #e9ecef; border: solid #e9ecef;
border-width: 0; border-width: 0;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border-radius: 4px; border-radius: 3px;
} }
.p-paginator .p-paginator-first, .p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev, .p-paginator .p-paginator-prev,
@ -1789,7 +1790,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: 4px; border-radius: 3px;
} }
.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,
@ -1818,7 +1819,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: 4px; border-radius: 3px;
} }
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #FFC107; background: #FFC107;
@ -1844,16 +1845,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-picklist .p-picklist-list .p-picklist-item { .p-picklist .p-picklist-list .p-picklist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1910,13 +1911,13 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 1rem; padding: 1rem;
border-radius: 4px; border-radius: 3px;
} }
.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: 4px; border-radius: 3px;
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;
} }
@ -1987,8 +1988,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: 4px; border-top-left-radius: 3px;
border-top-right-radius: 4px; border-top-right-radius: 3px;
font-weight: 600; font-weight: 600;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {
@ -1998,8 +1999,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: 4px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-treetable .p-treetable-thead > tr > th { .p-treetable .p-treetable-thead > tr > th {
text-align: left; text-align: left;
@ -2161,7 +2162,7 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
font-weight: 600; font-weight: 600;
border-radius: 4px; border-radius: 3px;
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 {
@ -2197,8 +2198,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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-accordion .p-accordion-tab { .p-accordion .p-accordion-tab {
margin-bottom: 0; margin-bottom: 0;
@ -2213,19 +2214,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: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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: 4px; border-radius: 3px;
} }
.p-card .p-card-body { .p-card .p-card-body {
padding: 1rem; padding: 1rem;
@ -2251,7 +2252,7 @@
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border-radius: 4px; border-radius: 3px;
} }
.p-fieldset .p-fieldset-legend { .p-fieldset .p-fieldset-legend {
padding: 1rem; padding: 1rem;
@ -2259,7 +2260,7 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
font-weight: 600; font-weight: 600;
border-radius: 4px; border-radius: 3px;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
@ -2268,7 +2269,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: 4px; border-radius: 3px;
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 {
@ -2290,8 +2291,8 @@
padding: 1rem; padding: 1rem;
background: #f8f9fa; background: #f8f9fa;
color: #495057; color: #495057;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-panel .p-panel-header .p-panel-title { .p-panel .p-panel-header .p-panel-title {
font-weight: 600; font-weight: 600;
@ -2323,8 +2324,8 @@
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
border-top: 0 none; border-top: 0 none;
} }
.p-panel .p-panel-footer { .p-panel .p-panel-footer {
@ -2350,8 +2351,8 @@
color: #6c757d; color: #6c757d;
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
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;
} }
@ -2377,22 +2378,22 @@
padding: 1rem; padding: 1rem;
border: 0 none; border: 0 none;
color: #495057; color: #495057;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-toolbar { .p-toolbar {
background: #f8f9fa; background: #f8f9fa;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
padding: 1rem; padding: 1rem;
border-radius: 4px; border-radius: 3px;
} }
.p-toolbar .p-toolbar-separator { .p-toolbar .p-toolbar-separator {
margin: 0 0.5rem; margin: 0 0.5rem;
} }
.p-dialog { .p-dialog {
border-radius: 4px; border-radius: 3px;
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;
} }
@ -2401,8 +2402,8 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
padding: 1rem; padding: 1rem;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-dialog .p-dialog-header .p-dialog-title { .p-dialog .p-dialog-header .p-dialog-title {
font-weight: 600; font-weight: 600;
@ -2442,8 +2443,8 @@
color: #495057; color: #495057;
padding: 1rem; padding: 1rem;
text-align: right; text-align: right;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-dialog .p-dialog-footer button { .p-dialog .p-dialog-footer button {
margin: 0 0.5rem 0 0; margin: 0 0.5rem 0 0;
@ -2458,7 +2459,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 0 none; border: 0 none;
border-radius: 4px; border-radius: 3px;
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 {
@ -2529,7 +2530,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: 4px; border-radius: 3px;
} }
.p-tooltip.p-tooltip-right .p-tooltip-arrow { .p-tooltip.p-tooltip-right .p-tooltip-arrow {
border-right-color: #495057; border-right-color: #495057;
@ -2550,8 +2551,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: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-fileupload .p-fileupload-buttonbar .p-button { .p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2566,8 +2567,8 @@
padding: 2rem 1rem; padding: 2rem 1rem;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
color: #495057; color: #495057;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
@ -2590,12 +2591,12 @@
.p-breadcrumb { .p-breadcrumb {
background: #ffffff; background: #ffffff;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 4px; border-radius: 3px;
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: 4px; border-radius: 3px;
} }
.p-breadcrumb ul li .p-menuitem-link:focus { .p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none; outline: 0 none;
@ -2683,12 +2684,12 @@
background: #f8f9fa; background: #f8f9fa;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 4px; border-radius: 3px;
} }
.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: 4px; border-radius: 3px;
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;
} }
@ -2766,8 +2767,8 @@
color: #495057; color: #495057;
background: #ffffff; background: #ffffff;
font-weight: 600; font-weight: 600;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-megamenu .p-megamenu-submenu { .p-megamenu .p-megamenu-submenu {
padding: 0.25rem 0; padding: 0.25rem 0;
@ -2796,7 +2797,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 4px; border-radius: 3px;
width: 12.5rem; width: 12.5rem;
} }
.p-menu .p-menuitem-link { .p-menu .p-menuitem-link {
@ -2856,7 +2857,7 @@
background: #f8f9fa; background: #f8f9fa;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 4px; border-radius: 3px;
} }
.p-menubar .p-menuitem-link { .p-menubar .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
@ -2895,7 +2896,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: 4px; border-radius: 3px;
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;
} }
@ -2962,7 +2963,7 @@
border: 0 none; border: 0 none;
width: 2.5rem; width: 2.5rem;
height: 2.5rem; height: 2.5rem;
border-radius: 4px; border-radius: 3px;
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 {
@ -3085,7 +3086,7 @@
color: #495057; color: #495057;
background: #f8f9fa; background: #f8f9fa;
font-weight: 600; font-weight: 600;
border-radius: 4px; border-radius: 3px;
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 {
@ -3128,8 +3129,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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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;
@ -3184,18 +3185,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: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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: 4px; border-radius: 3px;
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 {
@ -3252,8 +3253,8 @@
color: #6c757d; color: #6c757d;
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
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;
} }
@ -3283,7 +3284,7 @@
background: #ffffff; background: #ffffff;
color: #495057; color: #495057;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
border-radius: 4px; border-radius: 3px;
width: 12.5rem; width: 12.5rem;
} }
.p-tieredmenu .p-menuitem-link { .p-tieredmenu .p-menuitem-link {
@ -3350,7 +3351,7 @@
.p-inline-message { .p-inline-message {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
margin: 0; margin: 0;
border-radius: 4px; border-radius: 3px;
} }
.p-inline-message.p-inline-message-info { .p-inline-message.p-inline-message-info {
background: #B3E5FC; background: #B3E5FC;
@ -3401,7 +3402,7 @@
.p-message { .p-message {
margin: 1rem 0; margin: 1rem 0;
border-radius: 4px; border-radius: 3px;
} }
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
@ -3660,7 +3661,7 @@
.p-inplace .p-inplace-display { .p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
border-radius: 4px; border-radius: 3px;
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 {
@ -3677,8 +3678,8 @@
border: 0 none; border: 0 none;
height: 1.5rem; height: 1.5rem;
background: #dee2e6; background: #dee2e6;
border-radius: 4px; border-radius: 3px;
border-radius: 4px; border-radius: 3px;
} }
.p-progressbar .p-progressbar-value { .p-progressbar .p-progressbar-value {
border: 0 none; border: 0 none;
@ -3753,7 +3754,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: 4px; border-radius: 3px;
} }
.p-tag.p-tag-success { .p-tag.p-tag-success {
background-color: #689F38; background-color: #689F38;

View File

@ -1,11 +1,12 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--layer-0: #17212f; --surface-a: #17212f;
--layer-1: #1f2d40; --surface-b: #17212f;
--layer-2: #283951; --surface-c: #283951;
--layer-3: #304562; --surface-d: #304562;
--surface-e: #1f2d40;
--text-color: rgba(255, 255, 255, 0.87); --text-color: rgba(255, 255, 255, 0.87);
--text-color-secondary: rgba(255, 255, 255, 0.6); --text-color-secondary: $shade100;
--primary-color: #64B5F6; --primary-color: #64B5F6;
--primary-color-text: #212529; --primary-color-text: #212529;
} }
@ -44,7 +45,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: 4px; border-radius: 3px;
} }
.p-link:focus { .p-link:focus {
outline: 0 none; outline: 0 none;
@ -85,7 +86,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #64B5F6; background: #64B5F6;
color: #212529; color: #212529;
border-radius: 4px; border-radius: 3px;
} }
.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;
@ -95,7 +96,7 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 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 {
@ -133,7 +134,7 @@
background: #304562; background: #304562;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
border: 1px solid #304562; border: 1px solid #304562;
@ -146,8 +147,8 @@
font-weight: 600; font-weight: 600;
margin: 0; margin: 0;
border-bottom: 1px solid #304562; border-bottom: 1px solid #304562;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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 {
@ -258,7 +259,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: 4px; border-radius: 3px;
} }
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #212529; color: #212529;
@ -314,7 +315,7 @@
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
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 {
@ -364,7 +365,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #64B5F6; background: #64B5F6;
color: #212529; color: #212529;
border-radius: 4px; border-radius: 3px;
} }
.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;
@ -406,7 +407,7 @@
background: #304562; background: #304562;
border: 1px solid #304562; border: 1px solid #304562;
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: 4px; border-radius: 3px;
} }
.p-dropdown:not(.p-disabled):hover { .p-dropdown:not(.p-disabled):hover {
border-color: #64B5F6; border-color: #64B5F6;
@ -432,8 +433,8 @@
background: #304562; background: #304562;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-dropdown .p-dropdown-clear-icon { .p-dropdown .p-dropdown-clear-icon {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
@ -444,7 +445,7 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 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 {
@ -453,8 +454,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1f2d40; background: #1f2d40;
margin: 0; margin: 0;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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;
@ -491,19 +492,19 @@
.p-editor-container .p-editor-toolbar { .p-editor-container .p-editor-toolbar {
border: 1px solid #304562; border: 1px solid #304562;
background: #1f2d40; background: #1f2d40;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-editor-container .p-editor-content { .p-editor-container .p-editor-content {
border: 1px solid #304562; border: 1px solid #304562;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-editor-container .p-editor-content .ql-editor { .p-editor-container .p-editor-content .ql-editor {
background: #304562; background: #304562;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-editor-container .ql-picker.ql-expanded .ql-picker-label { .p-editor-container .ql-picker.ql-expanded .ql-picker-label {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -582,15 +583,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: 4px; border-top-left-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-fluid .p-inputgroup .p-button { .p-fluid .p-inputgroup .p-button {
@ -652,7 +653,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: 4px; border-radius: 3px;
} }
.p-inputtext:enabled:hover { .p-inputtext:enabled:hover {
border-color: #64B5F6; border-color: #64B5F6;
@ -720,7 +721,7 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
} }
.p-listbox .p-listbox-header { .p-listbox .p-listbox-header {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -728,8 +729,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1f2d40; background: #1f2d40;
margin: 0; margin: 0;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-listbox .p-listbox-header .p-listbox-filter { .p-listbox .p-listbox-header .p-listbox-filter {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -771,7 +772,7 @@
background: #304562; background: #304562;
border: 1px solid #304562; border: 1px solid #304562;
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: 4px; border-radius: 3px;
} }
.p-multiselect:not(.p-disabled):hover { .p-multiselect:not(.p-disabled):hover {
border-color: #64B5F6; border-color: #64B5F6;
@ -792,15 +793,15 @@
background: #304562; background: #304562;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-multiselect-panel { .p-multiselect-panel {
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 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 {
@ -809,8 +810,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1f2d40; background: #1f2d40;
margin: 0; margin: 0;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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;
@ -994,7 +995,7 @@
.p-slider { .p-slider {
background: #304562; background: #304562;
border: 0 none; border: 0 none;
border-radius: 4px; border-radius: 3px;
} }
.p-slider.p-slider-horizontal { .p-slider.p-slider-horizontal {
height: 0.286rem; height: 0.286rem;
@ -1080,7 +1081,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: 4px; border-radius: 3px;
} }
.p-button:enabled:hover { .p-button:enabled:hover {
background: #42A5F5; background: #42A5F5;
@ -1349,8 +1350,8 @@
border: 1px solid #304562; border: 1px solid #304562;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 4px; border-top-left-radius: 3px;
border-top-right-radius: 4px; border-top-right-radius: 3px;
font-weight: 600; font-weight: 600;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1360,8 +1361,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: 4px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-datatable .p-datatable-thead > tr > th { .p-datatable .p-datatable-thead > tr > th {
text-align: left; text-align: left;
@ -1540,8 +1541,8 @@
border: 1px solid #304562; border: 1px solid #304562;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 4px; border-top-left-radius: 3px;
border-top-right-radius: 4px; border-top-right-radius: 3px;
font-weight: 600; font-weight: 600;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1560,8 +1561,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: 4px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.fc .fc-view-container th { .fc .fc-view-container th {
@ -1595,7 +1596,7 @@
border: 1px solid #64B5F6; border: 1px solid #64B5F6;
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: 4px; border-radius: 3px;
display: flex; display: flex;
align-items: center; align-items: center;
} }
@ -1656,12 +1657,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: 4px; border-top-left-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.fc .fc-toolbar .fc-button-group .fc-button:last-child { .fc .fc-toolbar .fc-button-group .fc-button:last-child {
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-orderlist .p-orderlist-controls { .p-orderlist .p-orderlist-controls {
@ -1677,16 +1678,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-orderlist .p-orderlist-list { .p-orderlist .p-orderlist-list {
border: 1px solid #304562; border: 1px solid #304562;
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item { .p-orderlist .p-orderlist-list .p-orderlist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1758,7 +1759,7 @@
bottom: -0.7em; bottom: -0.7em;
margin-left: -0.46em; margin-left: -0.46em;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-radius: 4px; border-radius: 3px;
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 {
@ -1776,7 +1777,7 @@
border: solid #304562; border: solid #304562;
border-width: 1px; border-width: 1px;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border-radius: 4px; border-radius: 3px;
} }
.p-paginator .p-paginator-first, .p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev, .p-paginator .p-paginator-prev,
@ -1789,7 +1790,7 @@
height: 2.286em; height: 2.286em;
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: 4px; border-radius: 3px;
} }
.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,
@ -1818,7 +1819,7 @@
height: 2.286em; height: 2.286em;
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: 4px; border-radius: 3px;
} }
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #64B5F6; background: #64B5F6;
@ -1844,16 +1845,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-picklist .p-picklist-list { .p-picklist .p-picklist-list {
border: 1px solid #304562; border: 1px solid #304562;
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-picklist .p-picklist-list .p-picklist-item { .p-picklist .p-picklist-list .p-picklist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1910,13 +1911,13 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 1rem; padding: 1rem;
border-radius: 4px; border-radius: 3px;
} }
.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: 4px; border-radius: 3px;
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;
} }
@ -1987,8 +1988,8 @@
border: 1px solid #304562; border: 1px solid #304562;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 4px; border-top-left-radius: 3px;
border-top-right-radius: 4px; border-top-right-radius: 3px;
font-weight: 600; font-weight: 600;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {
@ -1998,8 +1999,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: 4px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-treetable .p-treetable-thead > tr > th { .p-treetable .p-treetable-thead > tr > th {
text-align: left; text-align: left;
@ -2161,7 +2162,7 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1f2d40; background: #1f2d40;
font-weight: 600; font-weight: 600;
border-radius: 4px; border-radius: 3px;
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 {
@ -2197,8 +2198,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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-accordion .p-accordion-tab { .p-accordion .p-accordion-tab {
margin-bottom: 0; margin-bottom: 0;
@ -2213,19 +2214,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: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-card { .p-card {
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
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: 4px; border-radius: 3px;
} }
.p-card .p-card-body { .p-card .p-card-body {
padding: 1rem; padding: 1rem;
@ -2251,7 +2252,7 @@
border: 1px solid #304562; border: 1px solid #304562;
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
} }
.p-fieldset .p-fieldset-legend { .p-fieldset .p-fieldset-legend {
padding: 1rem; padding: 1rem;
@ -2259,7 +2260,7 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1f2d40; background: #1f2d40;
font-weight: 600; font-weight: 600;
border-radius: 4px; border-radius: 3px;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
@ -2268,7 +2269,7 @@
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem; padding: 1rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
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 {
@ -2290,8 +2291,8 @@
padding: 1rem; padding: 1rem;
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-panel .p-panel-header .p-panel-title { .p-panel .p-panel-header .p-panel-title {
font-weight: 600; font-weight: 600;
@ -2323,8 +2324,8 @@
border: 1px solid #304562; border: 1px solid #304562;
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
border-top: 0 none; border-top: 0 none;
} }
.p-panel .p-panel-footer { .p-panel .p-panel-footer {
@ -2350,8 +2351,8 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
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;
} }
@ -2377,22 +2378,22 @@
padding: 1rem; padding: 1rem;
border: 0 none; border: 0 none;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-toolbar { .p-toolbar {
background: #1f2d40; background: #1f2d40;
border: 1px solid #304562; border: 1px solid #304562;
padding: 1rem; padding: 1rem;
border-radius: 4px; border-radius: 3px;
} }
.p-toolbar .p-toolbar-separator { .p-toolbar .p-toolbar-separator {
margin: 0 0.5rem; margin: 0 0.5rem;
} }
.p-dialog { .p-dialog {
border-radius: 4px; border-radius: 3px;
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: 1px solid #304562; border: 1px solid #304562;
} }
@ -2401,8 +2402,8 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 1rem; padding: 1rem;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-dialog .p-dialog-header .p-dialog-title { .p-dialog .p-dialog-header .p-dialog-title {
font-weight: 600; font-weight: 600;
@ -2442,8 +2443,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 1rem; padding: 1rem;
text-align: right; text-align: right;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-dialog .p-dialog-footer button { .p-dialog .p-dialog-footer button {
margin: 0 0.5rem 0 0; margin: 0 0.5rem 0 0;
@ -2458,7 +2459,7 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
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 {
@ -2529,7 +2530,7 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
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: 4px; border-radius: 3px;
} }
.p-tooltip.p-tooltip-right .p-tooltip-arrow { .p-tooltip.p-tooltip-right .p-tooltip-arrow {
border-right-color: #304562; border-right-color: #304562;
@ -2550,8 +2551,8 @@
border: 1px solid #304562; border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-fileupload .p-fileupload-buttonbar .p-button { .p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2566,8 +2567,8 @@
padding: 2rem 1rem; padding: 2rem 1rem;
border: 1px solid #304562; border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
@ -2590,12 +2591,12 @@
.p-breadcrumb { .p-breadcrumb {
background: #1f2d40; background: #1f2d40;
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
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: 4px; border-radius: 3px;
} }
.p-breadcrumb ul li .p-menuitem-link:focus { .p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none; outline: 0 none;
@ -2683,12 +2684,12 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
} }
.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: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
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;
} }
@ -2766,8 +2767,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1f2d40; background: #1f2d40;
font-weight: 600; font-weight: 600;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-megamenu .p-megamenu-submenu { .p-megamenu .p-megamenu-submenu {
padding: 0.25rem 0; padding: 0.25rem 0;
@ -2796,7 +2797,7 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
width: 12.5rem; width: 12.5rem;
} }
.p-menu .p-menuitem-link { .p-menu .p-menuitem-link {
@ -2856,7 +2857,7 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
} }
.p-menubar .p-menuitem-link { .p-menubar .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
@ -2895,7 +2896,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: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
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;
} }
@ -2962,7 +2963,7 @@
border: 0 none; border: 0 none;
width: 2.5rem; width: 2.5rem;
height: 2.5rem; height: 2.5rem;
border-radius: 4px; border-radius: 3px;
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 {
@ -3085,7 +3086,7 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1f2d40; background: #1f2d40;
font-weight: 600; font-weight: 600;
border-radius: 4px; border-radius: 3px;
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 {
@ -3128,8 +3129,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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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;
@ -3184,18 +3185,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: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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: 4px; border-radius: 3px;
background: transparent; background: transparent;
} }
.p-steps .p-steps-item .p-menuitem-link .p-steps-number { .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -3252,8 +3253,8 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
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;
} }
@ -3283,7 +3284,7 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
width: 12.5rem; width: 12.5rem;
} }
.p-tieredmenu .p-menuitem-link { .p-tieredmenu .p-menuitem-link {
@ -3350,7 +3351,7 @@
.p-inline-message { .p-inline-message {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
margin: 0; margin: 0;
border-radius: 4px; border-radius: 3px;
} }
.p-inline-message.p-inline-message-info { .p-inline-message.p-inline-message-info {
background: #B3E5FC; background: #B3E5FC;
@ -3401,7 +3402,7 @@
.p-message { .p-message {
margin: 1rem 0; margin: 1rem 0;
border-radius: 4px; border-radius: 3px;
} }
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
@ -3660,7 +3661,7 @@
.p-inplace .p-inplace-display { .p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
border-radius: 4px; border-radius: 3px;
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 {
@ -3677,8 +3678,8 @@
border: 0 none; border: 0 none;
height: 1.5rem; height: 1.5rem;
background: #304562; background: #304562;
border-radius: 4px; border-radius: 3px;
border-radius: 4px; border-radius: 3px;
} }
.p-progressbar .p-progressbar-value { .p-progressbar .p-progressbar-value {
border: 0 none; border: 0 none;
@ -3753,7 +3754,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: 4px; border-radius: 3px;
} }
.p-tag.p-tag-success { .p-tag.p-tag-success {
background-color: #C5E1A5; background-color: #C5E1A5;

View File

@ -1,11 +1,12 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--layer-0: #17212f; --surface-a: #17212f;
--layer-1: #1f2d40; --surface-b: #17212f;
--layer-2: #283951; --surface-c: #283951;
--layer-3: #304562; --surface-d: #304562;
--surface-e: #1f2d40;
--text-color: rgba(255, 255, 255, 0.87); --text-color: rgba(255, 255, 255, 0.87);
--text-color-secondary: rgba(255, 255, 255, 0.6); --text-color-secondary: $shade100;
--primary-color: #81C784; --primary-color: #81C784;
--primary-color-text: #212529; --primary-color-text: #212529;
} }
@ -44,7 +45,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: 4px; border-radius: 3px;
} }
.p-link:focus { .p-link:focus {
outline: 0 none; outline: 0 none;
@ -85,7 +86,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #81C784; background: #81C784;
color: #212529; color: #212529;
border-radius: 4px; border-radius: 3px;
} }
.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;
@ -95,7 +96,7 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 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 {
@ -133,7 +134,7 @@
background: #304562; background: #304562;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
border: 1px solid #304562; border: 1px solid #304562;
@ -146,8 +147,8 @@
font-weight: 600; font-weight: 600;
margin: 0; margin: 0;
border-bottom: 1px solid #304562; border-bottom: 1px solid #304562;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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 {
@ -258,7 +259,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: 4px; border-radius: 3px;
} }
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #212529; color: #212529;
@ -314,7 +315,7 @@
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
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 {
@ -364,7 +365,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #81C784; background: #81C784;
color: #212529; color: #212529;
border-radius: 4px; border-radius: 3px;
} }
.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;
@ -406,7 +407,7 @@
background: #304562; background: #304562;
border: 1px solid #304562; border: 1px solid #304562;
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: 4px; border-radius: 3px;
} }
.p-dropdown:not(.p-disabled):hover { .p-dropdown:not(.p-disabled):hover {
border-color: #81C784; border-color: #81C784;
@ -432,8 +433,8 @@
background: #304562; background: #304562;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-dropdown .p-dropdown-clear-icon { .p-dropdown .p-dropdown-clear-icon {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
@ -444,7 +445,7 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 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 {
@ -453,8 +454,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1f2d40; background: #1f2d40;
margin: 0; margin: 0;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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;
@ -491,19 +492,19 @@
.p-editor-container .p-editor-toolbar { .p-editor-container .p-editor-toolbar {
border: 1px solid #304562; border: 1px solid #304562;
background: #1f2d40; background: #1f2d40;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-editor-container .p-editor-content { .p-editor-container .p-editor-content {
border: 1px solid #304562; border: 1px solid #304562;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-editor-container .p-editor-content .ql-editor { .p-editor-container .p-editor-content .ql-editor {
background: #304562; background: #304562;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-editor-container .ql-picker.ql-expanded .ql-picker-label { .p-editor-container .ql-picker.ql-expanded .ql-picker-label {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -582,15 +583,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: 4px; border-top-left-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-fluid .p-inputgroup .p-button { .p-fluid .p-inputgroup .p-button {
@ -652,7 +653,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: 4px; border-radius: 3px;
} }
.p-inputtext:enabled:hover { .p-inputtext:enabled:hover {
border-color: #81C784; border-color: #81C784;
@ -720,7 +721,7 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
} }
.p-listbox .p-listbox-header { .p-listbox .p-listbox-header {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -728,8 +729,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1f2d40; background: #1f2d40;
margin: 0; margin: 0;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-listbox .p-listbox-header .p-listbox-filter { .p-listbox .p-listbox-header .p-listbox-filter {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -771,7 +772,7 @@
background: #304562; background: #304562;
border: 1px solid #304562; border: 1px solid #304562;
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: 4px; border-radius: 3px;
} }
.p-multiselect:not(.p-disabled):hover { .p-multiselect:not(.p-disabled):hover {
border-color: #81C784; border-color: #81C784;
@ -792,15 +793,15 @@
background: #304562; background: #304562;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-multiselect-panel { .p-multiselect-panel {
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 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 {
@ -809,8 +810,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1f2d40; background: #1f2d40;
margin: 0; margin: 0;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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;
@ -994,7 +995,7 @@
.p-slider { .p-slider {
background: #304562; background: #304562;
border: 0 none; border: 0 none;
border-radius: 4px; border-radius: 3px;
} }
.p-slider.p-slider-horizontal { .p-slider.p-slider-horizontal {
height: 0.286rem; height: 0.286rem;
@ -1080,7 +1081,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: 4px; border-radius: 3px;
} }
.p-button:enabled:hover { .p-button:enabled:hover {
background: #66BB6A; background: #66BB6A;
@ -1349,8 +1350,8 @@
border: 1px solid #304562; border: 1px solid #304562;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 4px; border-top-left-radius: 3px;
border-top-right-radius: 4px; border-top-right-radius: 3px;
font-weight: 600; font-weight: 600;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1360,8 +1361,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: 4px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-datatable .p-datatable-thead > tr > th { .p-datatable .p-datatable-thead > tr > th {
text-align: left; text-align: left;
@ -1540,8 +1541,8 @@
border: 1px solid #304562; border: 1px solid #304562;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 4px; border-top-left-radius: 3px;
border-top-right-radius: 4px; border-top-right-radius: 3px;
font-weight: 600; font-weight: 600;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1560,8 +1561,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: 4px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.fc .fc-view-container th { .fc .fc-view-container th {
@ -1595,7 +1596,7 @@
border: 1px solid #81C784; border: 1px solid #81C784;
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: 4px; border-radius: 3px;
display: flex; display: flex;
align-items: center; align-items: center;
} }
@ -1656,12 +1657,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: 4px; border-top-left-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.fc .fc-toolbar .fc-button-group .fc-button:last-child { .fc .fc-toolbar .fc-button-group .fc-button:last-child {
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-orderlist .p-orderlist-controls { .p-orderlist .p-orderlist-controls {
@ -1677,16 +1678,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-orderlist .p-orderlist-list { .p-orderlist .p-orderlist-list {
border: 1px solid #304562; border: 1px solid #304562;
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item { .p-orderlist .p-orderlist-list .p-orderlist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1758,7 +1759,7 @@
bottom: -0.7em; bottom: -0.7em;
margin-left: -0.46em; margin-left: -0.46em;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-radius: 4px; border-radius: 3px;
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 {
@ -1776,7 +1777,7 @@
border: solid #304562; border: solid #304562;
border-width: 1px; border-width: 1px;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border-radius: 4px; border-radius: 3px;
} }
.p-paginator .p-paginator-first, .p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev, .p-paginator .p-paginator-prev,
@ -1789,7 +1790,7 @@
height: 2.286em; height: 2.286em;
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: 4px; border-radius: 3px;
} }
.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,
@ -1818,7 +1819,7 @@
height: 2.286em; height: 2.286em;
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: 4px; border-radius: 3px;
} }
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #81C784; background: #81C784;
@ -1844,16 +1845,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-picklist .p-picklist-list { .p-picklist .p-picklist-list {
border: 1px solid #304562; border: 1px solid #304562;
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-picklist .p-picklist-list .p-picklist-item { .p-picklist .p-picklist-list .p-picklist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1910,13 +1911,13 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 1rem; padding: 1rem;
border-radius: 4px; border-radius: 3px;
} }
.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: 4px; border-radius: 3px;
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;
} }
@ -1987,8 +1988,8 @@
border: 1px solid #304562; border: 1px solid #304562;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 4px; border-top-left-radius: 3px;
border-top-right-radius: 4px; border-top-right-radius: 3px;
font-weight: 600; font-weight: 600;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {
@ -1998,8 +1999,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: 4px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-treetable .p-treetable-thead > tr > th { .p-treetable .p-treetable-thead > tr > th {
text-align: left; text-align: left;
@ -2161,7 +2162,7 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1f2d40; background: #1f2d40;
font-weight: 600; font-weight: 600;
border-radius: 4px; border-radius: 3px;
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 {
@ -2197,8 +2198,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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-accordion .p-accordion-tab { .p-accordion .p-accordion-tab {
margin-bottom: 0; margin-bottom: 0;
@ -2213,19 +2214,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: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-card { .p-card {
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
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: 4px; border-radius: 3px;
} }
.p-card .p-card-body { .p-card .p-card-body {
padding: 1rem; padding: 1rem;
@ -2251,7 +2252,7 @@
border: 1px solid #304562; border: 1px solid #304562;
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
} }
.p-fieldset .p-fieldset-legend { .p-fieldset .p-fieldset-legend {
padding: 1rem; padding: 1rem;
@ -2259,7 +2260,7 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1f2d40; background: #1f2d40;
font-weight: 600; font-weight: 600;
border-radius: 4px; border-radius: 3px;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
@ -2268,7 +2269,7 @@
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem; padding: 1rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
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 {
@ -2290,8 +2291,8 @@
padding: 1rem; padding: 1rem;
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-panel .p-panel-header .p-panel-title { .p-panel .p-panel-header .p-panel-title {
font-weight: 600; font-weight: 600;
@ -2323,8 +2324,8 @@
border: 1px solid #304562; border: 1px solid #304562;
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
border-top: 0 none; border-top: 0 none;
} }
.p-panel .p-panel-footer { .p-panel .p-panel-footer {
@ -2350,8 +2351,8 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
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;
} }
@ -2377,22 +2378,22 @@
padding: 1rem; padding: 1rem;
border: 0 none; border: 0 none;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-toolbar { .p-toolbar {
background: #1f2d40; background: #1f2d40;
border: 1px solid #304562; border: 1px solid #304562;
padding: 1rem; padding: 1rem;
border-radius: 4px; border-radius: 3px;
} }
.p-toolbar .p-toolbar-separator { .p-toolbar .p-toolbar-separator {
margin: 0 0.5rem; margin: 0 0.5rem;
} }
.p-dialog { .p-dialog {
border-radius: 4px; border-radius: 3px;
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: 1px solid #304562; border: 1px solid #304562;
} }
@ -2401,8 +2402,8 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 1rem; padding: 1rem;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-dialog .p-dialog-header .p-dialog-title { .p-dialog .p-dialog-header .p-dialog-title {
font-weight: 600; font-weight: 600;
@ -2442,8 +2443,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 1rem; padding: 1rem;
text-align: right; text-align: right;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-dialog .p-dialog-footer button { .p-dialog .p-dialog-footer button {
margin: 0 0.5rem 0 0; margin: 0 0.5rem 0 0;
@ -2458,7 +2459,7 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
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 {
@ -2529,7 +2530,7 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
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: 4px; border-radius: 3px;
} }
.p-tooltip.p-tooltip-right .p-tooltip-arrow { .p-tooltip.p-tooltip-right .p-tooltip-arrow {
border-right-color: #304562; border-right-color: #304562;
@ -2550,8 +2551,8 @@
border: 1px solid #304562; border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-fileupload .p-fileupload-buttonbar .p-button { .p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2566,8 +2567,8 @@
padding: 2rem 1rem; padding: 2rem 1rem;
border: 1px solid #304562; border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
@ -2590,12 +2591,12 @@
.p-breadcrumb { .p-breadcrumb {
background: #1f2d40; background: #1f2d40;
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
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: 4px; border-radius: 3px;
} }
.p-breadcrumb ul li .p-menuitem-link:focus { .p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none; outline: 0 none;
@ -2683,12 +2684,12 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
} }
.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: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
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;
} }
@ -2766,8 +2767,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1f2d40; background: #1f2d40;
font-weight: 600; font-weight: 600;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-megamenu .p-megamenu-submenu { .p-megamenu .p-megamenu-submenu {
padding: 0.25rem 0; padding: 0.25rem 0;
@ -2796,7 +2797,7 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
width: 12.5rem; width: 12.5rem;
} }
.p-menu .p-menuitem-link { .p-menu .p-menuitem-link {
@ -2856,7 +2857,7 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
} }
.p-menubar .p-menuitem-link { .p-menubar .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
@ -2895,7 +2896,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: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
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;
} }
@ -2962,7 +2963,7 @@
border: 0 none; border: 0 none;
width: 2.5rem; width: 2.5rem;
height: 2.5rem; height: 2.5rem;
border-radius: 4px; border-radius: 3px;
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 {
@ -3085,7 +3086,7 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1f2d40; background: #1f2d40;
font-weight: 600; font-weight: 600;
border-radius: 4px; border-radius: 3px;
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 {
@ -3128,8 +3129,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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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;
@ -3184,18 +3185,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: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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: 4px; border-radius: 3px;
background: transparent; background: transparent;
} }
.p-steps .p-steps-item .p-menuitem-link .p-steps-number { .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -3252,8 +3253,8 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
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;
} }
@ -3283,7 +3284,7 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
width: 12.5rem; width: 12.5rem;
} }
.p-tieredmenu .p-menuitem-link { .p-tieredmenu .p-menuitem-link {
@ -3350,7 +3351,7 @@
.p-inline-message { .p-inline-message {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
margin: 0; margin: 0;
border-radius: 4px; border-radius: 3px;
} }
.p-inline-message.p-inline-message-info { .p-inline-message.p-inline-message-info {
background: #B3E5FC; background: #B3E5FC;
@ -3401,7 +3402,7 @@
.p-message { .p-message {
margin: 1rem 0; margin: 1rem 0;
border-radius: 4px; border-radius: 3px;
} }
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
@ -3660,7 +3661,7 @@
.p-inplace .p-inplace-display { .p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
border-radius: 4px; border-radius: 3px;
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 {
@ -3677,8 +3678,8 @@
border: 0 none; border: 0 none;
height: 1.5rem; height: 1.5rem;
background: #304562; background: #304562;
border-radius: 4px; border-radius: 3px;
border-radius: 4px; border-radius: 3px;
} }
.p-progressbar .p-progressbar-value { .p-progressbar .p-progressbar-value {
border: 0 none; border: 0 none;
@ -3753,7 +3754,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: 4px; border-radius: 3px;
} }
.p-tag.p-tag-success { .p-tag.p-tag-success {
background-color: #C5E1A5; background-color: #C5E1A5;

View File

@ -1,11 +1,12 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--layer-0: #17212f; --surface-a: #17212f;
--layer-1: #1f2d40; --surface-b: #17212f;
--layer-2: #283951; --surface-c: #283951;
--layer-3: #304562; --surface-d: #304562;
--surface-e: #1f2d40;
--text-color: rgba(255, 255, 255, 0.87); --text-color: rgba(255, 255, 255, 0.87);
--text-color-secondary: rgba(255, 255, 255, 0.6); --text-color-secondary: $shade100;
--primary-color: #FFD54F; --primary-color: #FFD54F;
--primary-color-text: #212529; --primary-color-text: #212529;
} }
@ -44,7 +45,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: 4px; border-radius: 3px;
} }
.p-link:focus { .p-link:focus {
outline: 0 none; outline: 0 none;
@ -85,7 +86,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #FFD54F; background: #FFD54F;
color: #212529; color: #212529;
border-radius: 4px; border-radius: 3px;
} }
.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;
@ -95,7 +96,7 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 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 {
@ -133,7 +134,7 @@
background: #304562; background: #304562;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
border: 1px solid #304562; border: 1px solid #304562;
@ -146,8 +147,8 @@
font-weight: 600; font-weight: 600;
margin: 0; margin: 0;
border-bottom: 1px solid #304562; border-bottom: 1px solid #304562;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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 {
@ -258,7 +259,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: 4px; border-radius: 3px;
} }
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #212529; color: #212529;
@ -314,7 +315,7 @@
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
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 {
@ -364,7 +365,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #FFD54F; background: #FFD54F;
color: #212529; color: #212529;
border-radius: 4px; border-radius: 3px;
} }
.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;
@ -406,7 +407,7 @@
background: #304562; background: #304562;
border: 1px solid #304562; border: 1px solid #304562;
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: 4px; border-radius: 3px;
} }
.p-dropdown:not(.p-disabled):hover { .p-dropdown:not(.p-disabled):hover {
border-color: #FFD54F; border-color: #FFD54F;
@ -432,8 +433,8 @@
background: #304562; background: #304562;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-dropdown .p-dropdown-clear-icon { .p-dropdown .p-dropdown-clear-icon {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
@ -444,7 +445,7 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 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 {
@ -453,8 +454,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1f2d40; background: #1f2d40;
margin: 0; margin: 0;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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;
@ -491,19 +492,19 @@
.p-editor-container .p-editor-toolbar { .p-editor-container .p-editor-toolbar {
border: 1px solid #304562; border: 1px solid #304562;
background: #1f2d40; background: #1f2d40;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-editor-container .p-editor-content { .p-editor-container .p-editor-content {
border: 1px solid #304562; border: 1px solid #304562;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-editor-container .p-editor-content .ql-editor { .p-editor-container .p-editor-content .ql-editor {
background: #304562; background: #304562;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-editor-container .ql-picker.ql-expanded .ql-picker-label { .p-editor-container .ql-picker.ql-expanded .ql-picker-label {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -582,15 +583,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: 4px; border-top-left-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-fluid .p-inputgroup .p-button { .p-fluid .p-inputgroup .p-button {
@ -652,7 +653,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: 4px; border-radius: 3px;
} }
.p-inputtext:enabled:hover { .p-inputtext:enabled:hover {
border-color: #FFD54F; border-color: #FFD54F;
@ -720,7 +721,7 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
} }
.p-listbox .p-listbox-header { .p-listbox .p-listbox-header {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -728,8 +729,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1f2d40; background: #1f2d40;
margin: 0; margin: 0;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-listbox .p-listbox-header .p-listbox-filter { .p-listbox .p-listbox-header .p-listbox-filter {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -771,7 +772,7 @@
background: #304562; background: #304562;
border: 1px solid #304562; border: 1px solid #304562;
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: 4px; border-radius: 3px;
} }
.p-multiselect:not(.p-disabled):hover { .p-multiselect:not(.p-disabled):hover {
border-color: #FFD54F; border-color: #FFD54F;
@ -792,15 +793,15 @@
background: #304562; background: #304562;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-multiselect-panel { .p-multiselect-panel {
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 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 {
@ -809,8 +810,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1f2d40; background: #1f2d40;
margin: 0; margin: 0;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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;
@ -994,7 +995,7 @@
.p-slider { .p-slider {
background: #304562; background: #304562;
border: 0 none; border: 0 none;
border-radius: 4px; border-radius: 3px;
} }
.p-slider.p-slider-horizontal { .p-slider.p-slider-horizontal {
height: 0.286rem; height: 0.286rem;
@ -1080,7 +1081,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: 4px; border-radius: 3px;
} }
.p-button:enabled:hover { .p-button:enabled:hover {
background: #FFCA28; background: #FFCA28;
@ -1349,8 +1350,8 @@
border: 1px solid #304562; border: 1px solid #304562;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 4px; border-top-left-radius: 3px;
border-top-right-radius: 4px; border-top-right-radius: 3px;
font-weight: 600; font-weight: 600;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1360,8 +1361,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: 4px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-datatable .p-datatable-thead > tr > th { .p-datatable .p-datatable-thead > tr > th {
text-align: left; text-align: left;
@ -1540,8 +1541,8 @@
border: 1px solid #304562; border: 1px solid #304562;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 4px; border-top-left-radius: 3px;
border-top-right-radius: 4px; border-top-right-radius: 3px;
font-weight: 600; font-weight: 600;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1560,8 +1561,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: 4px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.fc .fc-view-container th { .fc .fc-view-container th {
@ -1595,7 +1596,7 @@
border: 1px solid #FFD54F; border: 1px solid #FFD54F;
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: 4px; border-radius: 3px;
display: flex; display: flex;
align-items: center; align-items: center;
} }
@ -1656,12 +1657,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: 4px; border-top-left-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.fc .fc-toolbar .fc-button-group .fc-button:last-child { .fc .fc-toolbar .fc-button-group .fc-button:last-child {
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-orderlist .p-orderlist-controls { .p-orderlist .p-orderlist-controls {
@ -1677,16 +1678,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-orderlist .p-orderlist-list { .p-orderlist .p-orderlist-list {
border: 1px solid #304562; border: 1px solid #304562;
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item { .p-orderlist .p-orderlist-list .p-orderlist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1758,7 +1759,7 @@
bottom: -0.7em; bottom: -0.7em;
margin-left: -0.46em; margin-left: -0.46em;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-radius: 4px; border-radius: 3px;
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 {
@ -1776,7 +1777,7 @@
border: solid #304562; border: solid #304562;
border-width: 1px; border-width: 1px;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border-radius: 4px; border-radius: 3px;
} }
.p-paginator .p-paginator-first, .p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev, .p-paginator .p-paginator-prev,
@ -1789,7 +1790,7 @@
height: 2.286em; height: 2.286em;
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: 4px; border-radius: 3px;
} }
.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,
@ -1818,7 +1819,7 @@
height: 2.286em; height: 2.286em;
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: 4px; border-radius: 3px;
} }
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #FFD54F; background: #FFD54F;
@ -1844,16 +1845,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-picklist .p-picklist-list { .p-picklist .p-picklist-list {
border: 1px solid #304562; border: 1px solid #304562;
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-picklist .p-picklist-list .p-picklist-item { .p-picklist .p-picklist-list .p-picklist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1910,13 +1911,13 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 1rem; padding: 1rem;
border-radius: 4px; border-radius: 3px;
} }
.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: 4px; border-radius: 3px;
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;
} }
@ -1987,8 +1988,8 @@
border: 1px solid #304562; border: 1px solid #304562;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 4px; border-top-left-radius: 3px;
border-top-right-radius: 4px; border-top-right-radius: 3px;
font-weight: 600; font-weight: 600;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {
@ -1998,8 +1999,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: 4px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-treetable .p-treetable-thead > tr > th { .p-treetable .p-treetable-thead > tr > th {
text-align: left; text-align: left;
@ -2161,7 +2162,7 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1f2d40; background: #1f2d40;
font-weight: 600; font-weight: 600;
border-radius: 4px; border-radius: 3px;
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 {
@ -2197,8 +2198,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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-accordion .p-accordion-tab { .p-accordion .p-accordion-tab {
margin-bottom: 0; margin-bottom: 0;
@ -2213,19 +2214,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: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-card { .p-card {
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
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: 4px; border-radius: 3px;
} }
.p-card .p-card-body { .p-card .p-card-body {
padding: 1rem; padding: 1rem;
@ -2251,7 +2252,7 @@
border: 1px solid #304562; border: 1px solid #304562;
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
} }
.p-fieldset .p-fieldset-legend { .p-fieldset .p-fieldset-legend {
padding: 1rem; padding: 1rem;
@ -2259,7 +2260,7 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1f2d40; background: #1f2d40;
font-weight: 600; font-weight: 600;
border-radius: 4px; border-radius: 3px;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
@ -2268,7 +2269,7 @@
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem; padding: 1rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
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 {
@ -2290,8 +2291,8 @@
padding: 1rem; padding: 1rem;
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-panel .p-panel-header .p-panel-title { .p-panel .p-panel-header .p-panel-title {
font-weight: 600; font-weight: 600;
@ -2323,8 +2324,8 @@
border: 1px solid #304562; border: 1px solid #304562;
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
border-top: 0 none; border-top: 0 none;
} }
.p-panel .p-panel-footer { .p-panel .p-panel-footer {
@ -2350,8 +2351,8 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
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;
} }
@ -2377,22 +2378,22 @@
padding: 1rem; padding: 1rem;
border: 0 none; border: 0 none;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-toolbar { .p-toolbar {
background: #1f2d40; background: #1f2d40;
border: 1px solid #304562; border: 1px solid #304562;
padding: 1rem; padding: 1rem;
border-radius: 4px; border-radius: 3px;
} }
.p-toolbar .p-toolbar-separator { .p-toolbar .p-toolbar-separator {
margin: 0 0.5rem; margin: 0 0.5rem;
} }
.p-dialog { .p-dialog {
border-radius: 4px; border-radius: 3px;
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: 1px solid #304562; border: 1px solid #304562;
} }
@ -2401,8 +2402,8 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 1rem; padding: 1rem;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-dialog .p-dialog-header .p-dialog-title { .p-dialog .p-dialog-header .p-dialog-title {
font-weight: 600; font-weight: 600;
@ -2442,8 +2443,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 1rem; padding: 1rem;
text-align: right; text-align: right;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-dialog .p-dialog-footer button { .p-dialog .p-dialog-footer button {
margin: 0 0.5rem 0 0; margin: 0 0.5rem 0 0;
@ -2458,7 +2459,7 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
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 {
@ -2529,7 +2530,7 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
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: 4px; border-radius: 3px;
} }
.p-tooltip.p-tooltip-right .p-tooltip-arrow { .p-tooltip.p-tooltip-right .p-tooltip-arrow {
border-right-color: #304562; border-right-color: #304562;
@ -2550,8 +2551,8 @@
border: 1px solid #304562; border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-fileupload .p-fileupload-buttonbar .p-button { .p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2566,8 +2567,8 @@
padding: 2rem 1rem; padding: 2rem 1rem;
border: 1px solid #304562; border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
@ -2590,12 +2591,12 @@
.p-breadcrumb { .p-breadcrumb {
background: #1f2d40; background: #1f2d40;
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
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: 4px; border-radius: 3px;
} }
.p-breadcrumb ul li .p-menuitem-link:focus { .p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none; outline: 0 none;
@ -2683,12 +2684,12 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
} }
.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: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
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;
} }
@ -2766,8 +2767,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1f2d40; background: #1f2d40;
font-weight: 600; font-weight: 600;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-megamenu .p-megamenu-submenu { .p-megamenu .p-megamenu-submenu {
padding: 0.25rem 0; padding: 0.25rem 0;
@ -2796,7 +2797,7 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
width: 12.5rem; width: 12.5rem;
} }
.p-menu .p-menuitem-link { .p-menu .p-menuitem-link {
@ -2856,7 +2857,7 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
} }
.p-menubar .p-menuitem-link { .p-menubar .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
@ -2895,7 +2896,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: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
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;
} }
@ -2962,7 +2963,7 @@
border: 0 none; border: 0 none;
width: 2.5rem; width: 2.5rem;
height: 2.5rem; height: 2.5rem;
border-radius: 4px; border-radius: 3px;
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 {
@ -3085,7 +3086,7 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1f2d40; background: #1f2d40;
font-weight: 600; font-weight: 600;
border-radius: 4px; border-radius: 3px;
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 {
@ -3128,8 +3129,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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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;
@ -3184,18 +3185,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: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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: 4px; border-radius: 3px;
background: transparent; background: transparent;
} }
.p-steps .p-steps-item .p-menuitem-link .p-steps-number { .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -3252,8 +3253,8 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
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;
} }
@ -3283,7 +3284,7 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
width: 12.5rem; width: 12.5rem;
} }
.p-tieredmenu .p-menuitem-link { .p-tieredmenu .p-menuitem-link {
@ -3350,7 +3351,7 @@
.p-inline-message { .p-inline-message {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
margin: 0; margin: 0;
border-radius: 4px; border-radius: 3px;
} }
.p-inline-message.p-inline-message-info { .p-inline-message.p-inline-message-info {
background: #B3E5FC; background: #B3E5FC;
@ -3401,7 +3402,7 @@
.p-message { .p-message {
margin: 1rem 0; margin: 1rem 0;
border-radius: 4px; border-radius: 3px;
} }
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
@ -3660,7 +3661,7 @@
.p-inplace .p-inplace-display { .p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
border-radius: 4px; border-radius: 3px;
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 {
@ -3677,8 +3678,8 @@
border: 0 none; border: 0 none;
height: 1.5rem; height: 1.5rem;
background: #304562; background: #304562;
border-radius: 4px; border-radius: 3px;
border-radius: 4px; border-radius: 3px;
} }
.p-progressbar .p-progressbar-value { .p-progressbar .p-progressbar-value {
border: 0 none; border: 0 none;
@ -3753,7 +3754,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: 4px; border-radius: 3px;
} }
.p-tag.p-tag-success { .p-tag.p-tag-success {
background-color: #C5E1A5; background-color: #C5E1A5;

View File

@ -1,11 +1,12 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--layer-0: #17212f; --surface-a: #17212f;
--layer-1: #1f2d40; --surface-b: #17212f;
--layer-2: #283951; --surface-c: #283951;
--layer-3: #304562; --surface-d: #304562;
--surface-e: #1f2d40;
--text-color: rgba(255, 255, 255, 0.87); --text-color: rgba(255, 255, 255, 0.87);
--text-color-secondary: rgba(255, 255, 255, 0.6); --text-color-secondary: $shade100;
--primary-color: #BA68C8; --primary-color: #BA68C8;
--primary-color-text: #ffffff; --primary-color-text: #ffffff;
} }
@ -44,7 +45,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: 4px; border-radius: 3px;
} }
.p-link:focus { .p-link:focus {
outline: 0 none; outline: 0 none;
@ -85,7 +86,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #BA68C8; background: #BA68C8;
color: #ffffff; color: #ffffff;
border-radius: 4px; border-radius: 3px;
} }
.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;
@ -95,7 +96,7 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 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 {
@ -133,7 +134,7 @@
background: #304562; background: #304562;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
} }
.p-datepicker:not(.p-datepicker-inline) { .p-datepicker:not(.p-datepicker-inline) {
border: 1px solid #304562; border: 1px solid #304562;
@ -146,8 +147,8 @@
font-weight: 600; font-weight: 600;
margin: 0; margin: 0;
border-bottom: 1px solid #304562; border-bottom: 1px solid #304562;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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 {
@ -258,7 +259,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: 4px; border-radius: 3px;
} }
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
color: #ffffff; color: #ffffff;
@ -314,7 +315,7 @@
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
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 {
@ -364,7 +365,7 @@
margin-right: 0.5rem; margin-right: 0.5rem;
background: #BA68C8; background: #BA68C8;
color: #ffffff; color: #ffffff;
border-radius: 4px; border-radius: 3px;
} }
.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;
@ -406,7 +407,7 @@
background: #304562; background: #304562;
border: 1px solid #304562; border: 1px solid #304562;
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: 4px; border-radius: 3px;
} }
.p-dropdown:not(.p-disabled):hover { .p-dropdown:not(.p-disabled):hover {
border-color: #BA68C8; border-color: #BA68C8;
@ -432,8 +433,8 @@
background: #304562; background: #304562;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-dropdown .p-dropdown-clear-icon { .p-dropdown .p-dropdown-clear-icon {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
@ -444,7 +445,7 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 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 {
@ -453,8 +454,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1f2d40; background: #1f2d40;
margin: 0; margin: 0;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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;
@ -491,19 +492,19 @@
.p-editor-container .p-editor-toolbar { .p-editor-container .p-editor-toolbar {
border: 1px solid #304562; border: 1px solid #304562;
background: #1f2d40; background: #1f2d40;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-editor-container .p-editor-content { .p-editor-container .p-editor-content {
border: 1px solid #304562; border: 1px solid #304562;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-editor-container .p-editor-content .ql-editor { .p-editor-container .p-editor-content .ql-editor {
background: #304562; background: #304562;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-editor-container .ql-picker.ql-expanded .ql-picker-label { .p-editor-container .ql-picker.ql-expanded .ql-picker-label {
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
@ -582,15 +583,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: 4px; border-top-left-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-fluid .p-inputgroup .p-button { .p-fluid .p-inputgroup .p-button {
@ -652,7 +653,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: 4px; border-radius: 3px;
} }
.p-inputtext:enabled:hover { .p-inputtext:enabled:hover {
border-color: #BA68C8; border-color: #BA68C8;
@ -720,7 +721,7 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
} }
.p-listbox .p-listbox-header { .p-listbox .p-listbox-header {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -728,8 +729,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1f2d40; background: #1f2d40;
margin: 0; margin: 0;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-listbox .p-listbox-header .p-listbox-filter { .p-listbox .p-listbox-header .p-listbox-filter {
padding-right: 1.5rem; padding-right: 1.5rem;
@ -771,7 +772,7 @@
background: #304562; background: #304562;
border: 1px solid #304562; border: 1px solid #304562;
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: 4px; border-radius: 3px;
} }
.p-multiselect:not(.p-disabled):hover { .p-multiselect:not(.p-disabled):hover {
border-color: #BA68C8; border-color: #BA68C8;
@ -792,15 +793,15 @@
background: #304562; background: #304562;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
width: 2.357rem; width: 2.357rem;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-multiselect-panel { .p-multiselect-panel {
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 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 {
@ -809,8 +810,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1f2d40; background: #1f2d40;
margin: 0; margin: 0;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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;
@ -994,7 +995,7 @@
.p-slider { .p-slider {
background: #304562; background: #304562;
border: 0 none; border: 0 none;
border-radius: 4px; border-radius: 3px;
} }
.p-slider.p-slider-horizontal { .p-slider.p-slider-horizontal {
height: 0.286rem; height: 0.286rem;
@ -1080,7 +1081,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: 4px; border-radius: 3px;
} }
.p-button:enabled:hover { .p-button:enabled:hover {
background: #AB47BC; background: #AB47BC;
@ -1349,8 +1350,8 @@
border: 1px solid #304562; border: 1px solid #304562;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 4px; border-top-left-radius: 3px;
border-top-right-radius: 4px; border-top-right-radius: 3px;
font-weight: 600; font-weight: 600;
} }
.p-datatable .p-datatable-footer { .p-datatable .p-datatable-footer {
@ -1360,8 +1361,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: 4px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-datatable .p-datatable-thead > tr > th { .p-datatable .p-datatable-thead > tr > th {
text-align: left; text-align: left;
@ -1540,8 +1541,8 @@
border: 1px solid #304562; border: 1px solid #304562;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 4px; border-top-left-radius: 3px;
border-top-right-radius: 4px; border-top-right-radius: 3px;
font-weight: 600; font-weight: 600;
} }
.p-dataview .p-dataview-content { .p-dataview .p-dataview-content {
@ -1560,8 +1561,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: 4px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.fc .fc-view-container th { .fc .fc-view-container th {
@ -1595,7 +1596,7 @@
border: 1px solid #BA68C8; border: 1px solid #BA68C8;
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: 4px; border-radius: 3px;
display: flex; display: flex;
align-items: center; align-items: center;
} }
@ -1656,12 +1657,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: 4px; border-top-left-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.fc .fc-toolbar .fc-button-group .fc-button:last-child { .fc .fc-toolbar .fc-button-group .fc-button:last-child {
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-orderlist .p-orderlist-controls { .p-orderlist .p-orderlist-controls {
@ -1677,16 +1678,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-orderlist .p-orderlist-list { .p-orderlist .p-orderlist-list {
border: 1px solid #304562; border: 1px solid #304562;
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-orderlist .p-orderlist-list .p-orderlist-item { .p-orderlist .p-orderlist-list .p-orderlist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1758,7 +1759,7 @@
bottom: -0.7em; bottom: -0.7em;
margin-left: -0.46em; margin-left: -0.46em;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
border-radius: 4px; border-radius: 3px;
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 {
@ -1776,7 +1777,7 @@
border: solid #304562; border: solid #304562;
border-width: 1px; border-width: 1px;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border-radius: 4px; border-radius: 3px;
} }
.p-paginator .p-paginator-first, .p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev, .p-paginator .p-paginator-prev,
@ -1789,7 +1790,7 @@
height: 2.286em; height: 2.286em;
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: 4px; border-radius: 3px;
} }
.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,
@ -1818,7 +1819,7 @@
height: 2.286em; height: 2.286em;
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: 4px; border-radius: 3px;
} }
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
background: #BA68C8; background: #BA68C8;
@ -1844,16 +1845,16 @@
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-picklist .p-picklist-list { .p-picklist .p-picklist-list {
border: 1px solid #304562; border: 1px solid #304562;
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 0.5rem 0; padding: 0.5rem 0;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-picklist .p-picklist-list .p-picklist-item { .p-picklist .p-picklist-list .p-picklist-item {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
@ -1910,13 +1911,13 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 1rem; padding: 1rem;
border-radius: 4px; border-radius: 3px;
} }
.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: 4px; border-radius: 3px;
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;
} }
@ -1987,8 +1988,8 @@
border: 1px solid #304562; border: 1px solid #304562;
border-width: 0 0 1px 0; border-width: 0 0 1px 0;
padding: 1rem 1rem; padding: 1rem 1rem;
border-top-left-radius: 4px; border-top-left-radius: 3px;
border-top-right-radius: 4px; border-top-right-radius: 3px;
font-weight: 600; font-weight: 600;
} }
.p-treetable .p-treetable-footer { .p-treetable .p-treetable-footer {
@ -1998,8 +1999,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: 4px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
} }
.p-treetable .p-treetable-thead > tr > th { .p-treetable .p-treetable-thead > tr > th {
text-align: left; text-align: left;
@ -2161,7 +2162,7 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1f2d40; background: #1f2d40;
font-weight: 600; font-weight: 600;
border-radius: 4px; border-radius: 3px;
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 {
@ -2197,8 +2198,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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-accordion .p-accordion-tab { .p-accordion .p-accordion-tab {
margin-bottom: 0; margin-bottom: 0;
@ -2213,19 +2214,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: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-card { .p-card {
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
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: 4px; border-radius: 3px;
} }
.p-card .p-card-body { .p-card .p-card-body {
padding: 1rem; padding: 1rem;
@ -2251,7 +2252,7 @@
border: 1px solid #304562; border: 1px solid #304562;
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
} }
.p-fieldset .p-fieldset-legend { .p-fieldset .p-fieldset-legend {
padding: 1rem; padding: 1rem;
@ -2259,7 +2260,7 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1f2d40; background: #1f2d40;
font-weight: 600; font-weight: 600;
border-radius: 4px; border-radius: 3px;
} }
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
padding: 0; padding: 0;
@ -2268,7 +2269,7 @@
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
padding: 1rem; padding: 1rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
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 {
@ -2290,8 +2291,8 @@
padding: 1rem; padding: 1rem;
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-panel .p-panel-header .p-panel-title { .p-panel .p-panel-header .p-panel-title {
font-weight: 600; font-weight: 600;
@ -2323,8 +2324,8 @@
border: 1px solid #304562; border: 1px solid #304562;
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
border-top: 0 none; border-top: 0 none;
} }
.p-panel .p-panel-footer { .p-panel .p-panel-footer {
@ -2350,8 +2351,8 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
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;
} }
@ -2377,22 +2378,22 @@
padding: 1rem; padding: 1rem;
border: 0 none; border: 0 none;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-toolbar { .p-toolbar {
background: #1f2d40; background: #1f2d40;
border: 1px solid #304562; border: 1px solid #304562;
padding: 1rem; padding: 1rem;
border-radius: 4px; border-radius: 3px;
} }
.p-toolbar .p-toolbar-separator { .p-toolbar .p-toolbar-separator {
margin: 0 0.5rem; margin: 0 0.5rem;
} }
.p-dialog { .p-dialog {
border-radius: 4px; border-radius: 3px;
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: 1px solid #304562; border: 1px solid #304562;
} }
@ -2401,8 +2402,8 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 1rem; padding: 1rem;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-dialog .p-dialog-header .p-dialog-title { .p-dialog .p-dialog-header .p-dialog-title {
font-weight: 600; font-weight: 600;
@ -2442,8 +2443,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 1rem; padding: 1rem;
text-align: right; text-align: right;
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-dialog .p-dialog-footer button { .p-dialog .p-dialog-footer button {
margin: 0 0.5rem 0 0; margin: 0 0.5rem 0 0;
@ -2458,7 +2459,7 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
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 {
@ -2529,7 +2530,7 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
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: 4px; border-radius: 3px;
} }
.p-tooltip.p-tooltip-right .p-tooltip-arrow { .p-tooltip.p-tooltip-right .p-tooltip-arrow {
border-right-color: #304562; border-right-color: #304562;
@ -2550,8 +2551,8 @@
border: 1px solid #304562; border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom: 0 none; border-bottom: 0 none;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-fileupload .p-fileupload-buttonbar .p-button { .p-fileupload .p-fileupload-buttonbar .p-button {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -2566,8 +2567,8 @@
padding: 2rem 1rem; padding: 2rem 1rem;
border: 1px solid #304562; border: 1px solid #304562;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.p-fileupload .p-progressbar { .p-fileupload .p-progressbar {
height: 0.25rem; height: 0.25rem;
@ -2590,12 +2591,12 @@
.p-breadcrumb { .p-breadcrumb {
background: #1f2d40; background: #1f2d40;
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
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: 4px; border-radius: 3px;
} }
.p-breadcrumb ul li .p-menuitem-link:focus { .p-breadcrumb ul li .p-menuitem-link:focus {
outline: 0 none; outline: 0 none;
@ -2683,12 +2684,12 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
} }
.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: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
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;
} }
@ -2766,8 +2767,8 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1f2d40; background: #1f2d40;
font-weight: 600; font-weight: 600;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-megamenu .p-megamenu-submenu { .p-megamenu .p-megamenu-submenu {
padding: 0.25rem 0; padding: 0.25rem 0;
@ -2796,7 +2797,7 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
width: 12.5rem; width: 12.5rem;
} }
.p-menu .p-menuitem-link { .p-menu .p-menuitem-link {
@ -2856,7 +2857,7 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
} }
.p-menubar .p-menuitem-link { .p-menubar .p-menuitem-link {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
@ -2895,7 +2896,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: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border-radius: 4px; border-radius: 3px;
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;
} }
@ -2962,7 +2963,7 @@
border: 0 none; border: 0 none;
width: 2.5rem; width: 2.5rem;
height: 2.5rem; height: 2.5rem;
border-radius: 4px; border-radius: 3px;
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 {
@ -3085,7 +3086,7 @@
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #1f2d40; background: #1f2d40;
font-weight: 600; font-weight: 600;
border-radius: 4px; border-radius: 3px;
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 {
@ -3128,8 +3129,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: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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;
@ -3184,18 +3185,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: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
} }
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
border-bottom-right-radius: 4px; border-bottom-right-radius: 3px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 3px;
} }
.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: 4px; border-radius: 3px;
background: transparent; background: transparent;
} }
.p-steps .p-steps-item .p-menuitem-link .p-steps-number { .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@ -3252,8 +3253,8 @@
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
padding: 1rem; padding: 1rem;
font-weight: 600; font-weight: 600;
border-top-right-radius: 4px; border-top-right-radius: 3px;
border-top-left-radius: 4px; border-top-left-radius: 3px;
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;
} }
@ -3283,7 +3284,7 @@
background: #1f2d40; background: #1f2d40;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
border: 1px solid #304562; border: 1px solid #304562;
border-radius: 4px; border-radius: 3px;
width: 12.5rem; width: 12.5rem;
} }
.p-tieredmenu .p-menuitem-link { .p-tieredmenu .p-menuitem-link {
@ -3350,7 +3351,7 @@
.p-inline-message { .p-inline-message {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
margin: 0; margin: 0;
border-radius: 4px; border-radius: 3px;
} }
.p-inline-message.p-inline-message-info { .p-inline-message.p-inline-message-info {
background: #B3E5FC; background: #B3E5FC;
@ -3401,7 +3402,7 @@
.p-message { .p-message {
margin: 1rem 0; margin: 1rem 0;
border-radius: 4px; border-radius: 3px;
} }
.p-message .p-message-wrapper { .p-message .p-message-wrapper {
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
@ -3660,7 +3661,7 @@
.p-inplace .p-inplace-display { .p-inplace .p-inplace-display {
padding: 0.5rem 0.5rem; padding: 0.5rem 0.5rem;
border-radius: 4px; border-radius: 3px;
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 {
@ -3677,8 +3678,8 @@
border: 0 none; border: 0 none;
height: 1.5rem; height: 1.5rem;
background: #304562; background: #304562;
border-radius: 4px; border-radius: 3px;
border-radius: 4px; border-radius: 3px;
} }
.p-progressbar .p-progressbar-value { .p-progressbar .p-progressbar-value {
border: 0 none; border: 0 none;
@ -3753,7 +3754,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: 4px; border-radius: 3px;
} }
.p-tag.p-tag-success { .p-tag.p-tag-success {
background-color: #C5E1A5; background-color: #C5E1A5;

View File

@ -1,11 +1,8 @@
<template> <template>
<div :class="['layout-sidebar', {'active': active}]"> <div :class="['layout-sidebar', {'active': active}]">
<div class="layout-menu"> <div class="layout-menu">
<span> <div class="menu-category">General</div>
<i class="pi pi-home"></i> <div class="menu-items">
<span>General</span>
</span>
<div>
<router-link to="/setup">Get Started</router-link> <router-link to="/setup">Get Started</router-link>
<router-link to="/theming">Theming</router-link> <router-link to="/theming">Theming</router-link>
<a href="https://www.primefaces.org/designer/primevue">Designer</a> <a href="https://www.primefaces.org/designer/primevue">Designer</a>
@ -13,22 +10,16 @@
<router-link to="/accessibility">Accessibility</router-link> <router-link to="/accessibility">Accessibility</router-link>
</div> </div>
<span> <div class="menu-category">Utilities</div>
<i class="pi pi-cog"></i> <div class="menu-items">
<span>Utilities</span>
</span>
<div>
<router-link to="/icons">Icons</router-link> <router-link to="/icons">Icons</router-link>
<router-link to="/flexgrid">Grid System</router-link> <router-link to="/flexgrid">Grid System</router-link>
<router-link to="/elevation">Elevation</router-link> <router-link to="/elevation">Elevation</router-link>
<router-link to="/spacing">Spacing</router-link> <router-link to="/spacing">Spacing</router-link>
</div> </div>
<span> <div class="menu-category">Form</div>
<i class="pi pi-id-card"></i> <div class="menu-items">
<span>Form</span>
</span>
<div>
<router-link to="/autocomplete">AutoComplete</router-link> <router-link to="/autocomplete">AutoComplete</router-link>
<router-link to="/calendar">Calendar</router-link> <router-link to="/calendar">Calendar</router-link>
<router-link to="/checkbox">Checkbox</router-link> <router-link to="/checkbox">Checkbox</router-link>
@ -54,20 +45,14 @@
<router-link to="/tristatecheckbox">TriStateCheckbox</router-link> <router-link to="/tristatecheckbox">TriStateCheckbox</router-link>
</div> </div>
<span> <div class="menu-category">Button</div>
<i class="pi pi-mobile" style="transform: rotate(90deg);"></i> <div class="menu-items">
<span>Button</span>
</span>
<div>
<router-link to="/button">Button</router-link> <router-link to="/button">Button</router-link>
<router-link to="/splitbutton">SplitButton</router-link> <router-link to="/splitbutton">SplitButton</router-link>
</div> </div>
<span> <div class="menu-category">Data</div>
<i class="pi pi-list"></i> <div class="menu-items">
<span>Data</span>
</span>
<div>
<router-link to="/carousel">Carousel</router-link> <router-link to="/carousel">Carousel</router-link>
<router-link to="/datatable" v-slot="{ href, route, navigate, isActive }"> <router-link to="/datatable" v-slot="{ href, route, navigate, isActive }">
<div> <div>
@ -154,11 +139,8 @@
</router-link> </router-link>
</div> </div>
<span> <div class="menu-category">Panel</div>
<i class="pi pi-th-large"></i> <div class="menu-items">
<span>Panel</span>
</span>
<div>
<router-link to="/accordion">Accordion</router-link> <router-link to="/accordion">Accordion</router-link>
<router-link to="/card">Card</router-link> <router-link to="/card">Card</router-link>
<router-link to="/deferredcontent">Deferred</router-link> <router-link to="/deferredcontent">Deferred</router-link>
@ -169,30 +151,21 @@
<router-link to="/toolbar">Toolbar</router-link> <router-link to="/toolbar">Toolbar</router-link>
</div> </div>
<span> <div class="menu-category">Overlay</div>
<i class="pi pi-clone"></i> <div class="menu-items">
<span>Overlay</span>
</span>
<div>
<router-link to="/dialog">Dialog</router-link> <router-link to="/dialog">Dialog</router-link>
<router-link to="/overlaypanel">OverlayPanel</router-link> <router-link to="/overlaypanel">OverlayPanel</router-link>
<router-link to="/sidebar">Sidebar</router-link> <router-link to="/sidebar">Sidebar</router-link>
<router-link to="/tooltip">Tooltip</router-link> <router-link to="/tooltip">Tooltip</router-link>
</div> </div>
<span> <div class="menu-category">File</div>
<i class="pi pi-file-o"></i> <div class="menu-items">
<span>File</span>
</span>
<div>
<router-link to="/fileupload">Upload</router-link> <router-link to="/fileupload">Upload</router-link>
</div> </div>
<span> <div class="menu-category">Menu</div>
<i class="pi pi-bars"></i> <div class="menu-items">
<span>Menu</span>
</span>
<div>
<router-link to="/menumodel">MenuModel</router-link> <router-link to="/menumodel">MenuModel</router-link>
<router-link to="/breadcrumb">Breadcrumb</router-link> <router-link to="/breadcrumb">Breadcrumb</router-link>
<router-link to="/contextmenu">ContextMenu</router-link> <router-link to="/contextmenu">ContextMenu</router-link>
@ -205,11 +178,8 @@
<router-link to="/tieredmenu">TieredMenu</router-link> <router-link to="/tieredmenu">TieredMenu</router-link>
</div> </div>
<span> <div class="menu-category">Chart</div>
<i class="pi pi-chart-bar"></i> <div class="menu-items">
<span>Chart</span>
</span>
<div>
<router-link to="/chart">ChartModel</router-link> <router-link to="/chart">ChartModel</router-link>
<router-link to="/chart/pie">Pie</router-link> <router-link to="/chart/pie">Pie</router-link>
<router-link to="/chart/doughnut">Doughnut</router-link> <router-link to="/chart/doughnut">Doughnut</router-link>
@ -220,20 +190,14 @@
<router-link to="/chart/combo">Combo</router-link> <router-link to="/chart/combo">Combo</router-link>
</div> </div>
<span> <div class="menu-category">Messages</div>
<i class="pi pi-comment"></i> <div class="menu-items">
<span>Messages</span>
</span>
<div>
<router-link to="/message">Message</router-link> <router-link to="/message">Message</router-link>
<router-link to="/toast">Toast</router-link> <router-link to="/toast">Toast</router-link>
</div> </div>
<span> <div class="menu-category">Media</div>
<i class="pi pi-image"></i> <div class="menu-items">
<span>Image</span>
</span>
<div>
<router-link to="/galleria" v-slot="{ href, route, navigate, isActive }"> <router-link to="/galleria" v-slot="{ href, route, navigate, isActive }">
<div> <div>
<a tabindex="0" @click="toggleSubmenu($event, 'galleria')">Galleria</a> <a tabindex="0" @click="toggleSubmenu($event, 'galleria')">Galleria</a>
@ -257,11 +221,8 @@
</router-link> </router-link>
</div> </div>
<span> <div class="menu-category">Misc</div>
<i class="pi pi-share-alt"></i> <div class="menu-items">
<span>Misc</span>
</span>
<div>
<router-link to="/badge">Badge</router-link> <router-link to="/badge">Badge</router-link>
<router-link to="/blockui">BlockUI</router-link> <router-link to="/blockui">BlockUI</router-link>
<router-link to="/inplace">Inplace</router-link> <router-link to="/inplace">Inplace</router-link>

View File

@ -28,6 +28,8 @@
height: 100%; height: 100%;
padding: 0; padding: 0;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.24); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.24);
color: var(--text-color);
background-color: var(--surface-a);
.layout-config-button { .layout-config-button {
display: block; display: block;
@ -37,7 +39,7 @@
line-height: 52px; line-height: 52px;
background-color: var(--primary-color); background-color: var(--primary-color);
text-align: center; text-align: center;
color: var(--primary-color-text); color: var(--primary-color-text);
top: 200px; top: 200px;
left: -51px; left: -51px;
z-index: -1; z-index: -1;
@ -144,12 +146,11 @@
.free-themes { .free-themes {
padding: 2rem; padding: 2rem;
color: var(--text-color);
background-color: var(--layer-0);
img { img {
width: 50px; width: 50px;
border-radius: 4px; border-radius: 4px;
box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12)
} }
span { span {
@ -197,16 +198,6 @@
.premium-themes { .premium-themes {
padding: 2rem; padding: 2rem;
background-color: #212529;
color: #ffffff;
h3 {
color: #ffffff;
}
p {
color: #d8d8d8;
}
img { img {
width: 100%; width: 100%;

View File

@ -6,16 +6,12 @@
padding: 2rem; padding: 2rem;
&.introduction { &.introduction {
background-color: var(--layer-1); background-color: var(--surface-b);
color: var(--text-color); color: var(--text-color);
border-bottom: 1px solid var(--layer-2); padding-bottom: 0;
.feature-intro { .feature-intro {
h1 { h1 {
font-size: 2rem;
margin: 0 0 1.5rem 0;
font-weight: 700;
span { span {
font-weight: 400; font-weight: 400;
color: var(--text-color-secondary); color: var(--text-color-secondary);
@ -24,8 +20,6 @@
p { p {
margin: 0; margin: 0;
line-height: 2;
font-size: 1.143rem;
} }
a { a {
@ -39,55 +33,20 @@
} }
} }
} }
+ .documentation {
border-top: 0 none;
}
} }
&.implementation { &.implementation {
background-color: var(--layer-0); background-color: var(--surface-b);
color: var(--text-color); color: var(--text-color);
h3 { +.documentation {
font-weight: 500; padding-top: 0;
margin: 2rem 0 1rem 0;
font-size: 1.286rem;
color: var(--text-color);
&:first-child,
&.first {
margin-top: 0;
}
}
.component-sizes {
display: inline-flex;
flex-direction: column;
.p-component {
margin-bottom: 1rem;
flex: 0 0 auto;
&:last-child {
margin-bottom: 0;
}
}
} }
} }
&.documentation { &.documentation {
background-color: var(--layer-1); background-color: var(--surface-b);
color: var(--text-color); color: var(--text-color);
border-top: 1px solid var(--layer-2);
h3 {
margin-top: 1.5rem;
margin-bottom: 0;
font-size: 1.5rem;
font-weight: 500;
color: var(--text-color);
}
a { a {
text-decoration: none; text-decoration: none;
@ -99,20 +58,13 @@
} }
} }
p {
font-size: 1rem;
line-height: 1.5;
margin: .75rem 0;
color: var(--text-color);
}
.doc-tablewrapper { .doc-tablewrapper {
margin: 1rem 0; margin: 1rem 0;
overflow: auto; overflow: auto;
} }
i:not([class~="pi"]) { i:not([class~="pi"]) {
background-color: var(--layer-0); background-color: var(--surface-a);
color: #2196f3; color: #2196f3;
font-family: Monaco, courier, monospace; font-family: Monaco, courier, monospace;
font-style: normal; font-style: normal;
@ -132,7 +84,7 @@
.p-tabview-nav { .p-tabview-nav {
border-radius: 0; border-radius: 0;
padding: 0; padding: 0;
border-bottom: 1px solid var(--layer-2); border-bottom: 1px solid var(--surface-d);
background-color: transparent; background-color: transparent;
li { li {
@ -158,6 +110,7 @@
} }
&:hover { &:hover {
background: transparent;
text-decoration: none; text-decoration: none;
} }
} }
@ -200,10 +153,10 @@
.doc-table { .doc-table {
border-collapse: collapse; border-collapse: collapse;
width: 100%; width: 100%;
background-color: var(--layer-0); background-color: var(--surface-a);
th { th {
border-bottom: 1px solid var(--layer-2); border-bottom: 1px solid var(--surface-d);
padding: 1rem; padding: 1rem;
text-align: left; text-align: left;
} }
@ -211,9 +164,27 @@
tbody{ tbody{
td { td {
padding: 1rem; padding: 1rem;
border-bottom: 1px solid var(--layer-2); border-bottom: 1px solid var(--surface-d);
} }
} }
} }
} }
.card {
background: var(--surface-e);
padding: 2rem;
box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);
border-radius: 4px;
margin-bottom: 2rem;
.card-header {
display: flex;
align-items: center;
justify-content: between;
}
&:last-child {
margin-bottom: 0;
}
}
} }

View File

@ -22,7 +22,7 @@ body {
height: 100%; height: 100%;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
background-color: var(--layer-0); background-color: var(--surface-a);
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";
font-weight: normal; font-weight: normal;
color: var(--text-color); color: var(--text-color);
@ -71,14 +71,15 @@ a {
visibility: hidden; visibility: hidden;
} }
} }
* html .clearfix { * html .clearfix {
height: 1%; height: 1%;
} }
.clearfix { .clearfix {
display: block; display: block;
} }
/* Animation */ /* Animation */
@-webkit-keyframes fadeInDown { @-webkit-keyframes fadeInDown {
from { from {
@ -105,9 +106,9 @@ a {
} }
pre[class*="language-"] code { pre[class*="language-"] code {
border-left: 10px solid var(--layer-2) !important; border-left: 10px solid var(--surface-d) !important;
box-shadow: none !important; box-shadow: none !important;
background: var(--layer-0) !important; background: var(--surface-e) !important;
margin: 1em 0; margin: 1em 0;
color: var(--text-color); color: var(--text-color);
font-size: 14px; font-size: 14px;
@ -156,4 +157,45 @@ pre[class*="language-"] code {
background-color: #708EA5; background-color: #708EA5;
color: #ffffff; color: #ffffff;
} }
}
h1, h2, h3, h4, h5, h6 {
margin: 1.5rem 0 1rem 0;
font-family: inherit;
font-weight: 600;
line-height: 1.2;
color: inherit;
&:first-child {
margin-top: 0;
}
}
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 2rem;
}
h3 {
font-size: 1.75rem;
}
h4 {
font-size: 1.5rem;
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1rem;
}
p {
line-height: 1.5;
margin: 0 0 1rem 0;
} }

View File

@ -1,5 +1,6 @@
.layout-footer { .layout-footer {
font-size: 14px; font-size: 14px;
background-color: var(--surface-a);
a { a {
color: var(--text-color); color: var(--text-color);

View File

@ -12,7 +12,7 @@
} }
.introduction { .introduction {
background-color: var(--layer-0); background-color: var(--surface-a);
background: url('./assets/images/home/intro-bg.jpg'); background: url('./assets/images/home/intro-bg.jpg');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
@ -61,13 +61,13 @@
} }
.features { .features {
background-color: var(--layer-1); background-color: var(--surface-b);
text-align: center; text-align: center;
padding: 0 30px 30px 30px; padding: 0 30px 30px 30px;
.feature-card { .feature-card {
background-color: var(--layer-0); background-color: var(--surface-e);
box-shadow: 0 0.8px 1.7px rgba(0, 0, 0, 0.008), 0 1.9px 4.2px rgba(0, 0, 0, 0.012),0 3.6px 7.9px rgba(0, 0, 0, 0.015),0 6.5px 14.1px rgba(0, 0, 0, 0.018),0 12.1px 26.3px rgba(0, 0, 0, 0.022),0 29px 63px rgba(0, 0, 0, 0.03); box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);
height: 100%; height: 100%;
border-radius: 3px; border-radius: 3px;
@ -109,7 +109,7 @@
.whouses { .whouses {
background-color: #34495E; background-color: #34495E;
color: #eAECEE; color: #EAECEE;
text-align: center; text-align: center;
padding: 30px; padding: 30px;
@ -138,10 +138,10 @@
} }
.templates { .templates {
background-color: var(--layer-1); background-color: var(--surface-b);
text-align: center; text-align: center;
padding: 30px; padding: 30px;
border-bottom: 1px solid var(--layer-2); border-bottom: 1px solid var(--surface-d);
h3 { h3 {
font-size:24px; font-size:24px;
@ -157,6 +157,7 @@
img { img {
width: 100%; width: 100%;
box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);
} }
a { a {
@ -165,7 +166,7 @@
} }
.primevue-designer { .primevue-designer {
background-color: var(--layer-0); background-color: var(--surface-a);
color: var(--text-color); color: var(--text-color);
padding: 30px; padding: 30px;
@ -183,8 +184,8 @@
} }
.prosupport { .prosupport {
border-bottom: 1px solid var(--layer-0); border-bottom: 1px solid var(--surface-d);
background-color: var(--layer-1); background-color: var(--surface-b);
padding: 30px; padding: 30px;
color: var(--text-color); color: var(--text-color);

View File

@ -3,35 +3,32 @@
left: 0; left: 0;
top: 70px; top: 70px;
height: calc(100% - 70px); height: calc(100% - 70px);
background-color: var(--layer-0); background-color: var(--surface-a);
overflow: auto; overflow: auto;
width: 250px; width: 250px;
border-right: 1px solid var(--layer-2); border-right: 1px solid var(--surface-d);
user-select: none; user-select: none;
padding: 1rem;
.layout-menu { .layout-menu {
> span { .menu-category {
width: 100%;
height: 3.5rem;
display: block; display: block;
padding-left: 1.5rem;
background-color: var(--layer-1);
color: var(--text-color-secondary); color: var(--text-color-secondary);
font-weight: 700; font-weight: 600;
user-select: none; user-select: none;
transition: background-color .2s; padding: 1.5rem 0 1rem 0;
display: flex; font-size: 0.857rem;
align-items: center; text-transform: uppercase;
border-top: 1px solid var(--surface-d);
span { &:first-child {
margin-left: .5rem; border-top: 0 none;
display: block; padding-top: 1rem;
line-height: 1;
} }
} }
> div { .menu-items {
padding: 1rem; padding: 0 0 1rem 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -44,7 +41,7 @@
cursor: pointer; cursor: pointer;
&:hover { &:hover {
background-color: var(--layer-2); background-color: var(--surface-c);
} }
&:focus { &:focus {

View File

@ -25,6 +25,7 @@
.layout-topbar { .layout-topbar {
text-align: center; text-align: center;
height: 111px;
.menu-button { .menu-button {
display: inline-block; display: inline-block;
@ -39,13 +40,12 @@
} }
.topbar-menu { .topbar-menu {
background-color: var(--layer-0); background-color: var(--surface-a);
float: none; float: none;
width: 100%; width: 100%;
height: 41px; height: 41px;
margin: -1px 0 0 0; margin: 0;
border-bottom: 1px solid var(--layer-2); border-top: 1px solid var(--surface-d);
border-top: 1px solid var(--layer-2);
> li { > li {
height: 40px; height: 40px;

View File

@ -1,5 +1,5 @@
.layout-topbar { .layout-topbar {
background-color: var(--layer-0); background-color: var(--surface-a);
padding: 0; padding: 0;
height: 70px; height: 70px;
position: fixed; position: fixed;
@ -8,6 +8,7 @@
width: 100%; width: 100%;
z-index: 997; z-index: 997;
box-shadow: 0 0 4px rgba(0,0,0,0.25); box-shadow: 0 0 4px rgba(0,0,0,0.25);
border-bottom: 1px solid var(--surface-d);
.menu-button { .menu-button {
display: none; display: none;
@ -73,7 +74,7 @@
cursor: pointer; cursor: pointer;
&:hover { &:hover {
background-color: var(--layer-2); background-color: var(--surface-c);
} }
&:focus { &:focus {
@ -93,7 +94,7 @@
right: 0; right: 0;
width: 275px; width: 275px;
max-height: 400px; max-height: 400px;
background-color: var(--layer-1); background-color: var(--surface-a);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
overflow: auto; overflow: auto;
list-style-type: none; list-style-type: none;
@ -127,7 +128,7 @@
cursor: pointer; cursor: pointer;
&:hover { &:hover {
background-color: var(--layer-2); background-color: var(--surface-c);
cursor: pointer; cursor: pointer;
} }

View File

@ -8,102 +8,100 @@
</div> </div>
<div class="content-section implementation"> <div class="content-section implementation">
<div class="p-card"> <div class="card">
<div class="p-card-body" style="padding:0"> <DataTable :value="customers" :paginator="true" class="p-datatable-customers" :rows="10"
<DataTable :value="customers" :paginator="true" class="p-datatable-customers" :rows="10" dataKey="id" :rowHover="true" :selection.sync="selectedCustomers" :filters="filters" :loading="loading"
dataKey="id" :rowHover="true" :selection.sync="selectedCustomers" :filters="filters" :loading="loading" paginatorTemplate="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown" :rowsPerPageOptions="[10,25,50]"
paginatorTemplate="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown" :rowsPerPageOptions="[10,25,50]" currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries">
currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries"> <template #header>
<template #header> <div class="table-header">
<div class="table-header"> List of Customers
List of Customers <span class="p-input-icon-left">
<span class="p-input-icon-left"> <i class="pi pi-search" />
<i class="pi pi-search" /> <InputText v-model="filters['global']" placeholder="Global Search" />
<InputText v-model="filters['global']" placeholder="Global Search" /> </span>
</span> </div>
</div> </template>
<template #empty>
No customers found.
</template>
<template #loading>
Loading customers data. Please wait.
</template>
<Column selectionMode="multiple" headerStyle="width: 3em"></Column>
<Column field="name" header="Name" :sortable="true">
<template #body="slotProps">
<span class="p-column-title">Name</span>
{{slotProps.data.name}}
</template> </template>
<template #empty> <template #filter>
No customers found. <InputText type="text" v-model="filters['name']" class="p-column-filter" placeholder="Search by name"/>
</template> </template>
<template #loading> </Column>
Loading customers data. Please wait. <Column header="Country" :sortable="true" sortField="country.name" filterField="country.name" filterMatchMode="contains">
<template #body="slotProps">
<span class="p-column-title">Country</span>
<img src="../../assets/images/flag_placeholder.png" :class="'flag flag-' + slotProps.data.country.code" width="30" />
<span style="vertical-align: middle; margin-left: .5em">{{slotProps.data.country.name}}</span>
</template>
<template #filter>
<InputText type="text" v-model="filters['country.name']" class="p-column-filter" placeholder="Search by country"/>
</template>
</Column>
<Column header="Representative" :sortable="true" sortField="representative.name" filterField="representative.name" filterMatchMode="in">
<template #body="slotProps">
<span class="p-column-title">Representative</span>
<img :alt="slotProps.data.representative.name" :src="'demo/images/avatar/' + slotProps.data.representative.image" width="32" style="vertical-align: middle" />
<span style="vertical-align: middle; margin-left: .5em">{{slotProps.data.representative.name}}</span>
</template> </template>
<Column selectionMode="multiple" headerStyle="width: 3em"></Column>
<Column field="name" header="Name" :sortable="true">
<template #body="slotProps">
<span class="p-column-title">Name</span>
{{slotProps.data.name}}
</template>
<template #filter> <template #filter>
<InputText type="text" v-model="filters['name']" class="p-column-filter" placeholder="Search by name"/> <MultiSelect v-model="filters['representative.name']" :options="representatives" optionLabel="name" optionValue="name" placeholder="All" class="p-column-filter">
</template> <template #option="slotProps">
</Column> <div class="p-multiselect-representative-option">
<Column header="Country" :sortable="true" sortField="country.name" filterField="country.name" filterMatchMode="contains"> <img :alt="slotProps.option.name" :src="'demo/images/avatar/' + slotProps.option.image" width="32" style="vertical-align: middle" />
<template #body="slotProps"> <span style="vertical-align: middle; margin-left: .5em">{{slotProps.option.name}}</span>
<span class="p-column-title">Country</span> </div>
<img src="../../assets/images/flag_placeholder.png" :class="'flag flag-' + slotProps.data.country.code" width="30" /> </template>
<span style="vertical-align: middle; margin-left: .5em">{{slotProps.data.country.name}}</span> </MultiSelect>
</template> </template>
<template #filter> </Column>
<InputText type="text" v-model="filters['country.name']" class="p-column-filter" placeholder="Search by country"/> <Column field="date" header="Date" :sortable="true" filterMatchMode="custom" :filterFunction="filterDate">
</template> <template #body="slotProps">
</Column> <span class="p-column-title">Date</span>
<Column header="Representative" :sortable="true" sortField="representative.name" filterField="representative.name" filterMatchMode="in"> <span style="vertical-align: middle; margin-left: .5em">{{slotProps.data.date}}</span>
<template #body="slotProps"> </template>
<span class="p-column-title">Representative</span> <template #filter>
<img :alt="slotProps.data.representative.name" :src="'demo/images/avatar/' + slotProps.data.representative.image" width="32" style="vertical-align: middle" /> <Calendar v-model="filters['date']" dateFormat="yy-mm-dd" class="p-column-filter" placeholder="Registration Date"/>
<span style="vertical-align: middle; margin-left: .5em">{{slotProps.data.representative.name}}</span> </template>
</template> </Column>
<template #filter> <Column field="status" header="Status" :sortable="true" filterMatchMode="equals">
<MultiSelect v-model="filters['representative.name']" :options="representatives" optionLabel="name" optionValue="name" placeholder="All" class="p-column-filter"> <template #body="slotProps">
<template #option="slotProps"> <span class="p-column-title">Status</span>
<div class="p-multiselect-representative-option"> <span :class="'customer-badge status-' + slotProps.data.status">{{slotProps.data.status}}</span>
<img :alt="slotProps.option.name" :src="'demo/images/avatar/' + slotProps.option.image" width="32" style="vertical-align: middle" /> </template>
<span style="vertical-align: middle; margin-left: .5em">{{slotProps.option.name}}</span> <template #filter>
</div> <Dropdown v-model="filters['status']" :options="statuses" placeholder="Select a Status" class="p-column-filter" :showClear="true">
</template> <template #option="slotProps">
</MultiSelect> <span :class="'customer-badge status-' + slotProps.option">{{slotProps.option}}</span>
</template> </template>
</Column> </Dropdown>
<Column field="date" header="Date" :sortable="true" filterMatchMode="custom" :filterFunction="filterDate"> </template>
<template #body="slotProps"> </Column>
<span class="p-column-title">Date</span> <Column field="activity" header="Activity" :sortable="true" filterMatchMode="gte">
<span style="vertical-align: middle; margin-left: .5em">{{slotProps.data.date}}</span> <template #body="slotProps">
</template> <span class="p-column-title">Activity</span>
<template #filter> <ProgressBar :value="slotProps.data.activity" :showValue="false" />
<Calendar v-model="filters['date']" dateFormat="yy-mm-dd" class="p-column-filter" placeholder="Registration Date"/> </template>
</template> <template #filter>
</Column> <InputText type="text" v-model="filters['activity']" class="p-column-filter" placeholder="Minimum"/>
<Column field="status" header="Status" :sortable="true" filterMatchMode="equals"> </template>
<template #body="slotProps"> </Column>
<span class="p-column-title">Status</span> <Column headerStyle="width: 8rem; text-align: center" bodyStyle="text-align: center; overflow: visible">
<span :class="'customer-badge status-' + slotProps.data.status">{{slotProps.data.status}}</span> <template #body>
</template> <Button type="button" icon="pi pi-cog" class="p-button-secondary"></Button>
<template #filter> </template>
<Dropdown v-model="filters['status']" :options="statuses" placeholder="Select a Status" class="p-column-filter" :showClear="true"> </Column>
<template #option="slotProps"> </DataTable>
<span :class="'customer-badge status-' + slotProps.option">{{slotProps.option}}</span>
</template>
</Dropdown>
</template>
</Column>
<Column field="activity" header="Activity" :sortable="true" filterMatchMode="gte">
<template #body="slotProps">
<span class="p-column-title">Activity</span>
<ProgressBar :value="slotProps.data.activity" :showValue="false" />
</template>
<template #filter>
<InputText type="text" v-model="filters['activity']" class="p-column-filter" placeholder="Minimum"/>
</template>
</Column>
<Column headerStyle="width: 8rem; text-align: center" bodyStyle="text-align: center; overflow: visible">
<template #body>
<Button type="button" icon="pi pi-cog" class="p-button-secondary"></Button>
</template>
</Column>
</DataTable>
</div>
</div> </div>
</div> </div>

View File

@ -8,67 +8,77 @@
</div> </div>
<div class="content-section implementation"> <div class="content-section implementation">
<h3 class="first">Single</h3> <div class="card">
<p>In single mode, a row is selected on click event of a row. If the row is already selected then the row gets unselected.</p> <h3 class="first">Single</h3>
<DataTable :value="cars" :selection.sync="selectedCar1" selectionMode="single" dataKey="vin"> <p>In single mode, a row is selected on click event of a row. If the row is already selected then the row gets unselected.</p>
<Column field="vin" header="Vin"></Column> <DataTable :value="cars" :selection.sync="selectedCar1" selectionMode="single" dataKey="vin">
<Column field="year" header="Year"></Column> <Column field="vin" header="Vin"></Column>
<Column field="brand" header="Brand"></Column> <Column field="year" header="Year"></Column>
<Column field="color" header="Color"></Column> <Column field="brand" header="Brand"></Column>
</DataTable> <Column field="color" header="Color"></Column>
</DataTable>
</div>
<h3>Multiple</h3> <div class="card">
<p>In multiple mode, selection binding should be an array. For touch enabled devices, selection is managed by tapping and for other devices metakey or shiftkey are required. <h3>Multiple</h3>
Setting metaKeySelection property as false enables multiple selection without meta key.</p> <p>In multiple mode, selection binding should be an array. For touch enabled devices, selection is managed by tapping and for other devices metakey or shiftkey are required.
<DataTable :value="cars" :selection.sync="selectedCars1" selectionMode="multiple" dataKey="vin"> Setting metaKeySelection property as false enables multiple selection without meta key.</p>
<template #header> <DataTable :value="cars" :selection.sync="selectedCars1" selectionMode="multiple" dataKey="vin">
Multiple Selection with MetaKey <template #header>
</template> Multiple Selection with MetaKey
<Column field="vin" header="Vin"></Column> </template>
<Column field="year" header="Year"></Column> <Column field="vin" header="Vin"></Column>
<Column field="brand" header="Brand"></Column> <Column field="year" header="Year"></Column>
<Column field="color" header="Color"></Column> <Column field="brand" header="Brand"></Column>
</DataTable> <Column field="color" header="Color"></Column>
</DataTable>
<DataTable :value="cars" :selection.sync="selectedCars2" selectionMode="multiple" dataKey="vin" :metaKeySelection="false" style="margin-top: 2em"> <DataTable :value="cars" :selection.sync="selectedCars2" selectionMode="multiple" dataKey="vin" :metaKeySelection="false" style="margin-top: 2em">
<template #header> <template #header>
Multiple Selection without MetaKey Multiple Selection without MetaKey
</template> </template>
<Column field="vin" header="Vin"></Column> <Column field="vin" header="Vin"></Column>
<Column field="year" header="Year"></Column> <Column field="year" header="Year"></Column>
<Column field="brand" header="Brand"></Column> <Column field="brand" header="Brand"></Column>
<Column field="color" header="Color"></Column> <Column field="color" header="Color"></Column>
</DataTable> </DataTable>
</div>
<h3>Events</h3> <div class="card">
<p>row-select and row-unselects are available as selection events.</p> <h3>Events</h3>
<DataTable :value="cars" :selection.sync="selectedCar2" selectionMode="single" dataKey="vin" <p>row-select and row-unselects are available as selection events.</p>
@row-select="onRowSelect" @row-unselect="onRowUnselect"> <DataTable :value="cars" :selection.sync="selectedCar2" selectionMode="single" dataKey="vin"
<Column field="vin" header="Vin"></Column> @row-select="onRowSelect" @row-unselect="onRowUnselect">
<Column field="year" header="Year"></Column> <Column field="vin" header="Vin"></Column>
<Column field="brand" header="Brand"></Column> <Column field="year" header="Year"></Column>
<Column field="color" header="Color"></Column> <Column field="brand" header="Brand"></Column>
</DataTable> <Column field="color" header="Color"></Column>
</DataTable>
</div>
<h3>RadioButton</h3> <div class="card">
<p>Single selection can also be handled using radio buttons by enabling the selectionMode property of column as "single".</p> <h3>RadioButton</h3>
<DataTable :value="cars" :selection.sync="selectedCar3" dataKey="vin"> <p>Single selection can also be handled using radio buttons by enabling the selectionMode property of column as "single".</p>
<Column selectionMode="single" headerStyle="width: 3em"></Column> <DataTable :value="cars" :selection.sync="selectedCar3" dataKey="vin">
<Column field="vin" header="Vin"></Column> <Column selectionMode="single" headerStyle="width: 3em"></Column>
<Column field="year" header="Year"></Column> <Column field="vin" header="Vin"></Column>
<Column field="brand" header="Brand"></Column> <Column field="year" header="Year"></Column>
<Column field="color" header="Color"></Column> <Column field="brand" header="Brand"></Column>
</DataTable> <Column field="color" header="Color"></Column>
</DataTable>
</div>
<h3>Checkbox</h3> <div class="card">
<p>Multiple selection can also be handled using checkboxes by enabling the selectionMode property of column as "multiple".</p> <h3>Checkbox</h3>
<DataTable :value="cars" :selection.sync="selectedCars3" dataKey="vin"> <p>Multiple selection can also be handled using checkboxes by enabling the selectionMode property of column as "multiple".</p>
<Column selectionMode="multiple" headerStyle="width: 3em"></Column> <DataTable :value="cars" :selection.sync="selectedCars3" dataKey="vin">
<Column field="vin" header="Vin"></Column> <Column selectionMode="multiple" headerStyle="width: 3em"></Column>
<Column field="year" header="Year"></Column> <Column field="vin" header="Vin"></Column>
<Column field="brand" header="Brand"></Column> <Column field="year" header="Year"></Column>
<Column field="color" header="Color"></Column> <Column field="brand" header="Brand"></Column>
</DataTable> <Column field="color" header="Color"></Column>
</DataTable>
</div>
</div> </div>
<div class="content-section documentation"> <div class="content-section documentation">

View File

@ -8,13 +8,15 @@
</div> </div>
<div class="content-section implementation"> <div class="content-section implementation">
<h3 class="first">Basic</h3> <div class="card">
<InputSwitch v-model="checked1" /> <h3 class="first">Basic</h3>
<p style="font-weight: bold">{{checked1}}</p> <InputSwitch v-model="checked1" />
<p style="font-weight: bold">{{checked1}}</p>
<h3>Preselection</h3> <h3>Preselection</h3>
<InputSwitch v-model="checked2" /> <InputSwitch v-model="checked2" />
<p style="font-weight: bold">{{checked2}}</p> <p style="font-weight: bold">{{checked2}}</p>
</div>
</div> </div>
<InputSwitchDoc/> <InputSwitchDoc/>

View File

@ -3,32 +3,34 @@
<div class="content-section introduction"> <div class="content-section introduction">
<div class="feature-intro"> <div class="feature-intro">
<h1>Panel</h1> <h1>Panel</h1>
<p>Panel is a grouping component with the optional content toggle feature.</p> <p>Panel is a container with the optional content toggle feature.</p>
</div> </div>
</div> </div>
<div class="content-section implementation"> <div class="content-section implementation">
<h3 class="first">Regular</h3> <div class="card">
<Panel header="Godfather I"> <h5>Regular</h5>
<p>The story begins as Don Vito Corleone, the head of a New York Mafia family, oversees his daughter's wedding. <Panel header="Header">
His beloved son Michael has just come home from the war, but does not intend to become part of his father's business. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Through Michael's life the nature of the family business becomes clear. The business of the family is just like the head of the family, Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
kind and benevolent to those who give respect, but given to ruthless violence whenever anything stands against the good of the family.</p> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
</Panel> cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</Panel>
<h3>Advanced</h3> <h5>Advanced</h5>
<Panel header="Godfather I" :toggleable="true"> <Panel header="Header" :toggleable="true">
<template #icons> <template #icons>
<a tabindex="0" class="p-panel-header-icon" @click="toggle"> <a tabindex="0" class="p-panel-header-icon" @click="toggle">
<span class="pi pi-cog"></span> <span class="pi pi-cog"></span>
</a> </a>
<Menu id="config_menu" ref="menu" :model="items" :popup="true" /> <Menu id="config_menu" ref="menu" :model="items" :popup="true" />
</template> </template>
<p>The story begins as Don Vito Corleone, the head of a New York Mafia family, oversees his daughter's wedding. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
His beloved son Michael has just come home from the war, but does not intend to become part of his father's business. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Through Michael's life the nature of the family business becomes clear. The business of the family is just like the head of the family, Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
kind and benevolent to those who give respect, but given to ruthless violence whenever anything stands against the good of the family.</p> cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</Panel> </Panel>
</div>
</div> </div>
<PanelDoc/> <PanelDoc/>

View File

@ -2,23 +2,23 @@
<div class="content-section documentation"> <div class="content-section documentation">
<TabView> <TabView>
<TabPanel header="Documentation"> <TabPanel header="Documentation">
<h3>Import</h3> <h5>Import</h5>
<CodeHighlight lang="javascript"> <CodeHighlight lang="javascript">
import Panel from 'primevue/panel'; import Panel from 'primevue/panel';
</CodeHighlight> </CodeHighlight>
<h3>Getting Started</h3> <h5>Getting Started</h5>
<p>Panel is a container component that accepts content as its children.</p> <p>Panel is a container component that accepts content as its children.</p>
<CodeHighlight> <CodeHighlight>
&lt;Panel header="Godfather I"&gt; &lt;Panel header="Header"&gt;
The story begins as Don Vito Corleone, the head of a New York Mafia family, oversees his daughter's wedding. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
His beloved son Michael has just come home from the war, but does not intend to become part of his father's business. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Through Michael's life the nature of the family business becomes clear. The business of the family is just like the head of the family, Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
kind and benevolent to those who give respect, but given to ruthless violence whenever anything stands against the good of the family. cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
&lt;/Panel&gt; &lt;/Panel&gt;
</CodeHighlight> </CodeHighlight>
<h3>Custom Header</h3> <h5>Custom Header</h5>
<p>Header of the panel is either defined with the <i>header</i> property or the header template.</p> <p>Header of the panel is either defined with the <i>header</i> property or the header template.</p>
<CodeHighlight> <CodeHighlight>
&lt;Panel&gt; &lt;Panel&gt;
@ -29,14 +29,14 @@ import Panel from 'primevue/panel';
&lt;/Panel&gt; &lt;/Panel&gt;
</CodeHighlight> </CodeHighlight>
<h3>Toggleable</h3> <h5>Toggleable</h5>
<p>Content of the panel can be expanded and collapsed using <i>toggleable</i> option.</p> <p>Content of the panel can be expanded and collapsed using <i>toggleable</i> option.</p>
<CodeHighlight> <CodeHighlight>
&lt;Panel header="Godfather I" :toggleable="true"&gt; &lt;Panel header="Header" :toggleable="true"&gt;
The story begins as Don Vito Corleone, the head of a New York Mafia family, oversees his daughter's wedding. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
His beloved son Michael has just come home from the war, but does not intend to become part of his father's business. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Through Michael's life the nature of the family business becomes clear. The business of the family is just like the head of the family, Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
kind and benevolent to those who give respect, but given to ruthless violence whenever anything stands against the good of the family. cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
&lt;/Panel&gt; &lt;/Panel&gt;
</CodeHighlight> </CodeHighlight>
@ -56,12 +56,12 @@ import Panel from 'primevue/panel';
&lt;/Panel&gt; &lt;/Panel&gt;
</CodeHighlight> </CodeHighlight>
<h3>Custom Icons</h3> <h5>Custom Icons</h5>
<p>Additional icons can be placed at the header section of the panel using the special <i>icons</i> slot. For a unified look, it is suggest to add <i>.p-panel-header-icon</i> <p>Additional icons can be placed at the header section of the panel using the special <i>icons</i> slot. For a unified look, it is suggest to add <i>.p-panel-header-icon</i>
class to your icons.</p> class to your icons.</p>
<CodeHighlight> <CodeHighlight>
&lt;h3&gt;Advanced&lt;/h3&gt; &lt;h5&gt;Advanced&lt;/h5&gt;
&lt;Panel header="Godfather I"&gt; &lt;Panel header="Header"&gt;
&lt;template #icons&gt; &lt;template #icons&gt;
&lt;a tabindex="0" class="p-panel-header-icon" @click="toggle"&gt; &lt;a tabindex="0" class="p-panel-header-icon" @click="toggle"&gt;
&lt;span class="pi pi-cog"&gt;&lt;/span&gt; &lt;span class="pi pi-cog"&gt;&lt;/span&gt;
@ -71,7 +71,7 @@ import Panel from 'primevue/panel';
&lt;/Panel&gt; &lt;/Panel&gt;
</CodeHighlight> </CodeHighlight>
<h3>Properties</h3> <h5>Properties</h5>
<p>Any property as style and class are passed to the main container element. Following are the additional properties to configure the component.</p> <p>Any property as style and class are passed to the main container element. Following are the additional properties to configure the component.</p>
<div class="doc-tablewrapper"> <div class="doc-tablewrapper">
<table class="doc-table"> <table class="doc-table">
@ -106,7 +106,7 @@ import Panel from 'primevue/panel';
</table> </table>
</div> </div>
<h3>Events</h3> <h5>Events</h5>
<div class="doc-tablewrapper"> <div class="doc-tablewrapper">
<table class="doc-table"> <table class="doc-table">
<thead> <thead>
@ -128,7 +128,7 @@ import Panel from 'primevue/panel';
</table> </table>
</div> </div>
<h3>Styling</h3> <h5>Styling</h5>
<p>Following is the list of structural style classes, for theming classes visit <router-link to="/theming">theming</router-link> page.</p> <p>Following is the list of structural style classes, for theming classes visit <router-link to="/theming">theming</router-link> page.</p>
<div class="doc-tablewrapper"> <div class="doc-tablewrapper">
<table class="doc-table"> <table class="doc-table">
@ -167,7 +167,7 @@ import Panel from 'primevue/panel';
</table> </table>
</div> </div>
<h3>Dependencies</h3> <h5>Dependencies</h5>
<p>None.</p> <p>None.</p>
</TabPanel> </TabPanel>
@ -178,26 +178,26 @@ import Panel from 'primevue/panel';
<CodeHighlight> <CodeHighlight>
<template v-pre> <template v-pre>
&lt;h3&gt;Regular&lt;/h3&gt; &lt;h5&gt;Regular&lt;/h5&gt;
&lt;Panel header="Godfather I"&gt; &lt;Panel header="Header"&gt;
&lt;p&gt;The story begins as Don Vito Corleone, the head of a New York Mafia family, oversees his daughter's wedding. &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
His beloved son Michael has just come home from the war, but does not intend to become part of his father's business. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Through Michael's life the nature of the family business becomes clear. The business of the family is just like the head of the family, Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
kind and benevolent to those who give respect, but given to ruthless violence whenever anything stands against the good of the family.&lt;/p&gt; cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
&lt;/Panel&gt; &lt;/Panel&gt;
&lt;h3&gt;Advanced&lt;/h3&gt; &lt;h5&gt;Advanced&lt;/h5&gt;
&lt;Panel header="Godfather I" :toggleable="true"&gt; &lt;Panel header="Header" :toggleable="true"&gt;
&lt;template #icons&gt; &lt;template #icons&gt;
&lt;a tabindex="0" class="p-panel-header-icon" @click="toggle"&gt; &lt;a tabindex="0" class="p-panel-header-icon" @click="toggle"&gt;
&lt;span class="pi pi-cog"&gt;&lt;/span&gt; &lt;span class="pi pi-cog"&gt;&lt;/span&gt;
&lt;/a&gt; &lt;/a&gt;
&lt;Menu id="config_menu" ref="menu" :model="items" :popup="true" /&gt; &lt;Menu id="config_menu" ref="menu" :model="items" :popup="true" /&gt;
&lt;/template&gt; &lt;/template&gt;
&lt;p&gt;The story begins as Don Vito Corleone, the head of a New York Mafia family, oversees his daughter's wedding. &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
His beloved son Michael has just come home from the war, but does not intend to become part of his father's business. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Through Michael's life the nature of the family business becomes clear. The business of the family is just like the head of the family, Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
kind and benevolent to those who give respect, but given to ruthless violence whenever anything stands against the good of the family.&lt;/p&gt; cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&lt;/p&gt;
&lt;/Panel&gt; &lt;/Panel&gt;
</template> </template>
</CodeHighlight> </CodeHighlight>